@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; }
:after,:before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{margin:0; padding:0;  font:12px Arial,"HarmonyOS";  color:#333; background:#fff; position: relative;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #004ea2;}
input,textarea,select,button{font-family:Arial,"HarmonyOS";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
    -moz-user-select: -moz-none;
	  -khtml-user-select: none;
	  -webkit-user-select: none;
	  -o-user-select: none;
	  user-select: none;
}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee; }
.fl{float:left;}
.fr{float:right;}
.left{display: flex;flex-wrap: wrap;}
.right{display: flex;justify-content: flex-end;}
.between{display: flex;justify-content: space-between;}
.around{display: flex;justify-content: space-around;}
.center{display: flex;flex-direction: column;align-items: center;}
.centerT{display: flex;justify-content: center;align-items: center;}
.cut{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cutTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cutThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.scrollbar::-webkit-scrollbar{ width:6px; background:#f4f4f4;border-radius: 5px; }
.scrollbar::-webkit-scrollbar-button{ display:none;}
.scrollbar::-webkit-scrollbar-track{ display:none;}
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}
.scrollbar::-webkit-scrollbar-thumb{ background:#20985f;border-radius: 5px;}
.scrollbar::-webkit-scrollbar-corner{display:none;}
.scrollbar::-webkit-resizer{display:none;}



@font-face {font-family:'HarmonyOS'; src: url('../fonts/HarmonyOS_Sans_SC_Regular.ttf');}
@font-face {font-family:'HarmonyOSLight'; src: url('../fonts/HarmonyOS_Sans_SC_Light.ttf');}
@font-face {font-family:'HarmonyOSMedium'; src: url('../fonts/HarmonyOS_Sans_SC_Medium.ttf');}

.wrap{width: 81.25%;margin:  auto;min-width: 1200px;}
.c1440{ width: 1440px; margin: auto; position: relative; }
.c1200{ width: 1200px; margin: auto; position: relative; }
@media (max-width: 1560px){
    .c1440{ width: 1200px;}
}
@media (max-width: 1480px){
    .wrap{ width: 1200px;}
}





/* header*/
.header{width: 100%; height: 100px; padding:22px 0; position: fixed;top: 0;left: 0;z-index: 99;transition: all 0.6s ease; box-sizing: border-box; background-color: rgba(255,255,255,0); }
.header .wrap{transition: all 0.6s ease;}
.header .logo a{ display: inline-block; height: 56px; width: 204px; background: url(../images/logo1.png) no-repeat; background-size: 204px 56px !important; margin: 0 0;}
.header .info{ width: calc(100% - 220px);}
/* headerNav*/
.header .headerNav{ width: 100% ;  text-align: right;margin: 0 0 0 0;}
.headerNav .nLi{display: inline-block; vertical-align: middle; position: relative; margin-right:  4%;}
.headerNav .nLi:last-child{ margin-right: 40px;}
.headerNav .nLi .le{font-weight: normal; height: 56px;}
.headerNav .nLi .le a{display: block;line-height: 30px; padding: 13px 0; font-size: 18px;color: #fff;transition: all 0.6s ease; box-sizing: border-box; text-transform: uppercase;}
.headerNav .nLi:hover h3 a,.headerNav .nLi#on h3 a{ font-weight: bold; }
/* .headerNav .nLi:hover .sub{ display: block;} */
.headerNav .nLi .sub{display: none;position: absolute;top:56px; left: 50%;  transform: translateX(-50%);  z-index: 3;  box-shadow: 0 0 10px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.05); box-sizing: border-box;}
.headerNav .nLi .sub.sub1{ width: 180px; }
.headerNav .nLi .sub.sub1 ul{ position: relative; width: 100%; border-radius: 5px; overflow: hidden; background-color: rgba(255, 255, 255, 0.98);}
.headerNav .nLi .sub.sub1 li{border-bottom: 1px solid #eee; box-sizing: border-box;}
.headerNav .nLi .sub.sub1 li:last-child{border-bottom: 0;}
.headerNav .nLi .sub.sub1 li a{ display:block;text-align: center;font-size: 14px;color: #666;padding: 12px 10px;box-sizing: border-box;text-transform: capitalize;}
.headerNav .nLi .sub.sub1 li a:hover,.headerNav .nLi .sub.sub1 li.on a{color: #fff;background-color:#004ea2;}
.headerNav .nLi .sub.sub2{ width: 180px;}
.headerNav .nLi .sub.sub2 .sub2box{ position: relative; width: 100%;padding:  0; border-radius: 5px; background-color: rgba(255, 255, 255, 0.98); box-sizing: border-box;}
.headerNav .nLi .sub.sub2 .subTwo{ width: 100%;border-bottom: 1px solid #eee; position: relative; box-sizing: border-box;}
.headerNav .nLi .sub.sub2 .subTwo .twoTit { width: 100%; position: relative; overflow: hidden;}
.headerNav .nLi .sub.sub2 .subTwo .twoTit a{ display:block;text-align: center;font-size: 14px;color: #666;padding: 12px 10px;box-sizing: border-box;text-transform: capitalize; position: relative; z-index: 1;}
.headerNav .nLi .sub.sub2 .subTwo .twoTit .iconfont{ display:none; position: absolute; top:50%; right: 5px; width: 20px; line-height: 20px; font-size: 16px; color: #fff; margin-top: -10px; transform: rotate(180deg) ;}
.headerNav .nLi .sub.sub2 .subTwo .twoTit:hover .iconfont,.headerNav .nLi .sub.sub2 .subTwo.on .iconfont{ display: block;}
.headerNav .nLi .sub.sub2 .subTwo:first-child .twoTit{ border-radius: 5px 5px 0 0 ;}
.headerNav .nLi .sub.sub2 .subTwo:last-child{ border-bottom: 0;}
.headerNav .nLi .sub.sub2 .subTwo:last-child .twoTit{ border-radius: 0 0  5px 5px;}
.headerNav .nLi .sub.sub2 .subTwo .twoTit:hover a,.headerNav .nLi .sub.sub2 .subTwo.on .twoTit a{color: #fff;background-color:#004ea2;}
.headerNav .nLi .sub.sub2 .subTwo .threeList{ position: absolute; background-color: rgba(255, 255, 255, 0.95); top: 0; width: 180px; right: -180px; border-radius: 5px; display: none;  box-sizing: border-box; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.headerNav .nLi .sub.sub2 .subTwo .threeList li{border-bottom: 1px solid #eee; position: relative; box-sizing: border-box;}
.headerNav .nLi .sub.sub2 .subTwo .threeList li:last-child{border-bottom: 0;}
.headerNav .nLi .sub.sub2 .subTwo .threeList li a{ width: 100%; display:block;text-align: center;font-size: 14px;color: #666;padding: 12px 10px;box-sizing: border-box;text-transform: capitalize; position: relative; z-index: 1;}
.headerNav .nLi .sub.sub2 .subTwo .threeList li a:hover,.headerNav .nLi .sub.sub2 .subTwo .threeList li.on a{color: #fff;background-color:#004ea2;}
.header .kzq{  height: 40px; margin: 8px 0; padding: 0 0 0 20px; position: relative; z-index: 2; box-sizing: border-box;}
.header .kzq::after{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 1px; height: 20px; background-color: rgba(255, 255, 255, 0.7);}
.header .retrieve{ display: inline-block; color: #fff;  font-size: 30px; line-height: 40px;cursor: pointer;}
.header .retrieve:hover{ color: #fff;}
.header .language{ margin-left:15px ; position: relative;}
.header .language .tit{ font-size: 16px; color: #fff; line-height: 40px;cursor: pointer;}
.header .language .tit span{ font-size: 26px;margin-right: 5px;}
.header .language ul{ display: none; width: 90px;  overflow: hidden; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); transition: all 0.8s ease; background-color: rgba(255, 255, 255, 0.85); box-shadow: 0 0 10px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.header .language ul li{ width: 100%;}
.header .language ul li a{ padding: 8px 10px ; text-align: center; line-height: 20px; display: inline-block; width: 100%; font-size: 14px; border-bottom: solid 1px  #ccc; color: #333;  box-sizing: border-box; text-transform: uppercase;}
.header .language ul li a:hover,.header .language ul li.on a{ color: #fff; background-color: #004ea2;}
.header .language:hover ul{ display: block;}
.header .language:hover .tit{ color: #fff;}

.headerSearch{width: 100%;background-color: #fff;padding: 0 0 ;border-top: 1px solid #eee; position: absolute; top: 100px; left: 0; display: none; box-shadow: 0 10px 10px rgba(0,0,0,0.05);-webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.05);-moz-box-shadow: 0 10px 10px rgba(0,0,0,0.05); box-sizing: border-box;}
.headerSearch .wrap{ padding: 50px 0; position: relative; box-sizing: border-box;}
.headerSearch .icon-guanbi{ position: absolute; top: 60px; right: 10%; color: #333;font-size: 26px;transition: all 0.6s ease; cursor: pointer; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; color: #fff; text-align: center; background-color: #004ea2; transition: all 0.8s ease;}
.headerSearch .icon-guanbi:hover{ background-color: #20985f;}
.headerSearch .searchBox{width:80%; margin: auto; }
.headerSearch .searchBox form{width: 100%;height: 62px;background-color: #fff;overflow: hidden;border: solid 1px #ddd; box-sizing: border-box;}
.headerSearch .searchBox form .catid{ width: 150px; position: relative;}
.headerSearch .searchBox form .catid select{ width: 150px; border: 0; line-height: 60px; font-size: 16px; padding: 0 15px; appearance:none;-moz-appearance:none;  -webkit-appearance:none; position: relative; cursor: pointer; box-sizing: border-box;}
.headerSearch .searchBox form .catid .iconfont{ position: absolute; top: 50%; margin-top: -10px; right: 10px; line-height: 20px; width: 20px; text-align: center; color: #aaa; transform: rotate(-90deg); z-index: 2;}
.headerSearch .searchBox form .inputBox{width: calc(100% - 210px); height: 60px;float: left;font-size: 16px;border: none;color: #333333;padding:0 20px;box-sizing: border-box;border-left: solid 1px #ddd; }
.headerSearch .searchBox form .btn{border:none;background-color: rgba(0,0,0,0);font-size: 32px;color: #333;width: 60px; height: 60px;line-height: 60px;text-align: center;float: right;cursor: pointer;transition: all 0.6s ease;}
.headerSearch .searchBox form .btn:hover{color: #004ea2;}
.headerSearch .searchBox .quickSearch{ margin-bottom: 30px;}
.headerSearch .searchBox .quickSearch .tit{ font-size: 20px; color: #333;}
.headerSearch .searchBox .quickSearch ul{ margin-top: 15px;}
.headerSearch .searchBox .quickSearch ul li{ margin-right: 10px;}
.headerSearch .searchBox .quickSearch ul li:last-child{ margin-right: 0;}
.headerSearch .searchBox .quickSearch ul li a{display: inline-block; line-height: 40px; padding: 0 15px; background-color: rgba(0,78,162,0.1); color: #004ea2; font-size: 16px; transition: all 0.8s ease; box-sizing: border-box;  text-transform: capitalize;}
.headerSearch .searchBox .quickSearch ul li a:hover{ background-color: #004ea2; color: #fff;}

.is-fixed,.ss-fixed,.ds-fixed{ box-shadow: 0 0 20px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05); background-color: #fff; }
.header.is-fixed .logo a,.header.ss-fixed .logo a,.header.ds-fixed .logo a{ background: url(../images/logo.png) no-repeat;}
.header.is-fixed .headerNav .nLi .le a,.header.ss-fixed .headerNav .nLi .le a,.header.ds-fixed .headerNav .nLi .le a{ color: #333;}
.header.is-fixed .retrieve,.header.is-fixed .language .tit,.header.ss-fixed .retrieve,.header.ss-fixed .language .tit,.header.ds-fixed .retrieve,.header.ds-fixed .language .tit{ color: #333;}
.header.is-fixed .kzq::after,.header.ss-fixed .kzq::after,.header.ds-fixed .kzq::after{  background-color: #ccc;}
.header.is-fixed .headerNav .nLi:hover h3 a,.header.is-fixed .headerNav .nLi#on h3 a,.header.is-fixed .retrieve:hover,.header.is-fixed .language .tit:hover,.header.ss-fixed .headerNav .nLi:hover h3 a,.header.ss-fixed .headerNav .nLi#on h3 a,.header.ss-fixed .retrieve:hover,.header.ss-fixed .language .tit:hover,.header.ds-fixed .headerNav .nLi:hover h3 a,.header.ds-fixed .headerNav .nLi#on h3 a,.header.ds-fixed .retrieve:hover,.header.ds-fixed .language .tit:hover{color: #004ea2; font-weight: normal; }
.nav-fixed{ box-shadow: 0 0 20px rgba(0,0,0,0);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0);-moz-box-shadow: 0 0 20px rgba(0,0,0,0); }

/* footer */
.footer{ width: 100%;  background: url(../images/footerBg.jpg)  center no-repeat; background-size: cover; overflow: hidden; position: relative;}
.footer .box{padding: 50px 0; box-sizing: border-box;}
.footer .fnav{ width: calc(100% - 300px);}
.footer .fnav dl{ text-transform: capitalize;}
.footer .fnav dl dt{ margin-bottom: 15px;}
.footer .fnav dl dt a{ color: #fff; font-size: 18px;}
.footer .fnav dl dd a{ font-size: 14px; display: inline-block; margin: 7px 0; color: rgba(255, 255, 255, 0.5);}
.footer .fnav dl dd a:hover{ color: #fff;}
.footer .rwm{ width: 140px; text-align: center;}
.footer .rwm li{ width: 140px;}
/* .footer .rwm li:first-child{ margin-right: 20px;} */
.footer .rwm .img{ width: 100%;}
.footer .rwm .img img{ width: 100%; display: block;}
.footer .rwm .tit{ font-size: 14px; margin-top: 10px; color: rgba(255, 255, 255, 0.5);}
.footer .links{ padding: 15px 0; border-top: solid 1px rgba(255, 255, 255, 0.1); box-sizing: border-box;}
.footer .links span{ font-size: 14px; display: inline-block; margin: 3px 15px; color: rgba(255, 255, 255, 0.5);}
.footer .links span:first-child{ margin: 3px  0;}
.footer .links span:last-child{display: none;}
.footer .links a{ display: inline-block; margin: 3px 0 3px 0; font-size: 14px; color: rgba(255, 255, 255, 0.5)}
.footer .links a:hover{ color: #fff;}
.footer .copy{ padding: 15px 0; border-top: solid 1px rgba(255, 255, 255, 0.1); box-sizing: border-box;}
.footer .copy p{ text-align: center; font-size: 14px; color: rgba(255, 255, 255, 0.3);}
.footer .copy p a{ display: inline-block; font-size: 14px; color: rgba(255, 255, 255, 0.3);}
.footer .copy p a:hover{ color: #fff;}


.indexMore{ width: 180px; transition: all 0.8s ease;}
.indexMore a{ width: 100%; line-height: 52px; color: #fff; position: relative; overflow: hidden; transition: all 0.8s ease; border: solid 1px rgba(255, 255, 255, 0.4); border-radius: 5px; box-sizing: border-box;}
.indexMore a::after{ content: ''; position: absolute; left: -110%; top: 0; width: 100%; height: 100%; background-color: #004ea2;  transition: all 0.8s ease; z-index: 0;}
.indexMore a p{ font-size: 16px; position: relative; z-index: 2;}
.indexMore a span{ font-size: 18px;margin-left: 25px; transform: rotate(180deg);  position: relative; z-index: 2; transition: all 0.8s ease;}
.indexMore.w a{ color: #333; border-color: #eee;}
.indexMore a:hover{ border-color: rgba(255, 255, 255, 0); color: #fff;}
.indexMore a:hover::after{ left: 0;}




/* pageBanner */
.pageBanner{ width: 100%; height: 100vh; position: relative; background-size: cover !important; overflow: hidden;min-width: 1200px;}
.pageBanner.productDB { height: 50vh;}
.pageBanner .bg{ width: 100%;  position: relative; z-index: 1;}
.pageBanner .bg img{ width: 100%; display: block;}
.pageBanner .box{ position: absolute;width: 100%; text-align: center; top: 45%; transform: translateY(-50%); left: 0; z-index: 2;}
.pageBanner .box .tit{ font-size: 56px; color: #fff; text-transform: uppercase;}
.pageBanner .box .txt{ font-size: 22px; max-width: 70%;line-height: 30px; margin: 15px auto 0; color: #fff; }
.pageBanner .box .lk{ margin-top: 40px;}
.pageBanner .box .indexMore {margin: 0 15px;}

/* pageNav */
.pageNav{ width: 100%; height: 71px; border-top: solid 1px rgba(255, 255, 255, 0.1); position: absolute; z-index: 90; bottom: 0; left: 0;  transition: all 0.8s ease; box-sizing: border-box;}
.pageNav ul{ width: 100%; background-color: rgba(0, 0, 0, 0.15); backdrop-filter: blur(2px);}
.pageNav ul li{ width: 25%; position: relative; border-right: solid 1px rgba(255, 255, 255, 0.2); overflow: hidden; box-sizing: border-box;}
.pageNav ul li:last-child{ border-right: 0;}
/* .pageNav ul li::after{ content: ''; position: absolute; bottom: 0; left: -105%; width: 100%; height: 3px; background-color: #20985f; transition: all 0.8s ease;} */
.pageNav ul li a{ display: inline-block;text-align: center; line-height: 70px; font-size: 18px; color: #fff; width: 100%; transition: all 0.8s ease;}
.pageNav ul li.on a,.pageNav ul li:hover a{ background-color: rgba(0,78,162,0.4);}
.pageNav ul li.on::after,.pageNav ul li:hover::after{ left: 0;}
.pageNav ul.u2 li{ width: 50%  ;}
.pageNav ul.u3 li{ width: 33.3333%  ;}
.pageNav ul.u5 li{ width: 20%  ;}
.pageNav ul.u6 li{ width: 16.6666%  ;}
.pageNav.fixed{ position: fixed; top: 100px; border-top: solid 1px #eee; box-shadow: 0 0 20px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.05); box-sizing: border-box;}
.pageNav.fixed{ height: 60px;}
.pageNav.fixed ul{ background-color: #fff; }
.pageNav.fixed ul li{ border-color: #eee;}
.pageNav.fixed ul li a{ color: #333; line-height: 60px;}
.pageNav.fixed ul li.on a,.pageNav.fixed ul li:hover a{ color: #fff; background-color: rgba(0,78,162,1);}
.pageNav.fixed ul li::after{ background-color: #20985f;}
.pageNav.fixed ul li.on::after,.pageNav.fixed ul li:hover::after{ left: 0;}


/* pageCrumbs */
.pageCrumbs{ width: 100%; padding: 20px 0; position: relative; overflow: hidden; margin-top: 100px; background-color: #f4f8fb; box-sizing: border-box;}
.pageCrumbs.productDB{  margin-top: 0; }
.pageCrumbs .crumbs{ line-height: 30px; padding: 10px 0; max-width: 70%; box-sizing: border-box;}
.pageCrumbs .crumbs a{ display: inline-block; color: #333; font-size: 16px; line-height: 30px;}
.pageCrumbs .crumbs a.h{ position: relative; padding-left: 25px; box-sizing: border-box;}
.pageCrumbs .crumbs span{ font-size: 16px; display: inline-block; margin: 0 5px; line-height: 30px;}
.pageCrumbs .crumbs i{ position: absolute; top: -1px; left: 0; line-height: 30px; display: inline-block; font-size: 22px; height: 30px; color: #333; }
.pageCrumbs .crumbs a:hover,.pageCrumbs .crumbs a:last-child{ color: #004ea2;}
.pageCrumbs .back{ width: 120px; height: 40px; margin: 5px 0;}
.pageCrumbs .back a{ display: inline-block; width: 100%; text-align: center; line-height: 40px; font-size: 16px; background-color: #004ea2; transition: all 0.8s ease;color: #ffff;}
.pageCrumbs .back a:hover{ background-color: #20985f;}


/* pageTitle */
.pageTitle{ text-align: center; position: relative; z-index: 2;}
.pageTitle .tit{ font-size: 40px; color: #333; text-transform: capitalize;}
.pageTitle .txt{ font-size: 18px; color: #999; margin-top: 15px; line-height: 30px; }
.pageTitle .txt span{ display: inline-block; margin: 0 10px;}
.pageTitle .txt a.xz{font-size: 22px;margin-top: 10px; display: inline-block; color: #20985f;}
.pageTitle .txt a.xz .iconfont{ display: inline-block; vertical-align: middle; font-size: 30px;  margin:-4px 5px 0 0;}
.pageTitle .txt a.xz:hover{ color: #004ea2;}
.pageTitle.l{ text-align: left;}
.pageTitle.w .tit{ color: #fff;}
.pageTitle.w .txt{ color: rgba(255, 255, 255, 0.7);}

/* pageAbout */
.pageAbout{width: 100%; padding: 100px 0 200px 0; background: url(../images/about/aboutBg.jpg) center no-repeat; background-size: cover !important; position: relative; overflow: hidden; box-sizing: border-box;}
.pageAbout .pageTitle .tit span{ font-size: 20px; color: #004ea2; margin-top: 7px; display: inline-block; vertical-align: middle; margin-left: 15px;}
.pageAbout .text{ font-size: 16px; color: #666; line-height: 34px; margin: 40px 0;}
.pageAbout .text img{ max-width: 100%; height: auto !important;}
.pageAbout .text p{ display: inline-block; width:100%; padding-left: 15px; margin: 10px 0; position: relative;}
.pageAbout .text p::before{content: ''; position: absolute; left: 0; top: 13px; width: 6px; height: 6px; transform: rotate(-45deg); background-color: #004ea2;}

.pageAbout ul{}
.pageAbout ul li{ text-align: center; max-width: 16%; position: relative; margin-left: 4%;}
.pageAbout ul li:first-child{ margin-left: 0;}
.pageAbout ul li .n{ position: relative; margin: auto; color: #004ea2;}
.pageAbout ul li .n p{ font-size: 76px; font-weight: bold;}
.pageAbout ul li .n span{ font-size: 24px;margin-left: 5px; margin-top: 30px;}
.pageAbout ul li .n i{ position: absolute; right: -10px; top: 5px; font-size: 18px;font-weight: bold;}
.pageAbout ul li .n.n1 { width: 95px;}
.pageAbout ul li .n.n2 { width: 240px;}
.pageAbout ul li .n.n3 { width: 95px;}
.pageAbout ul li .t{ font-size: 16px; color: #333; line-height: 22px; margin-top: 5px;}


/* pageCulture */
.pageCulture{width: 100%; min-width: 1200px; padding: 100px 0 0 0; background: url(../images/about/cultureBg.jpg) center no-repeat ; background-size: cover ; position: relative; overflow: hidden; box-sizing: border-box;}
.pageCulture .bg{ width: 100%; position: relative; z-index: 2;}
.pageCulture .bg img{ width: 100%; display: block;}
.pageCulture .cultureBox{ width: 100%; position: relative;  margin-top: 300px; box-sizing: border-box;}
.pageCulture .cultureBox li{ position: absolute;  z-index: 1;max-width: 260px; padding-left: 20px; box-sizing: border-box;}
.pageCulture .cultureBox li::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 1px; height: calc(100% - 23px); border-left: dashed 1px rgba(255, 255, 255, 0.5);}
.pageCulture .cultureBox li::before{ content: ''; position: absolute; left: -7px; top: 8px; width: 15px; height: 15px; border-radius: 50%; border: solid 2px #fff;}
.pageCulture .cultureBox li .tit{ font-size: 22px; color: #fff; }
.pageCulture .cultureBox li .txt{ font-size: 14px; color: rgba(255, 255, 255, 0.7); margin-top: 15px; line-height: 26px;}
.pageCulture .cultureBox li .txt p{}
.pageCulture .cultureBox li.l1{ left: 7.8125%; bottom: 76.4069%;  padding-bottom: 120px;}
.pageCulture .cultureBox li.l2{ left: 25.6%; bottom: 85.0649%; padding-bottom: 170px;}
.pageCulture .cultureBox li.l3{ left: 35.9375%; bottom: 78.1385%; padding-bottom: 50px;}
.pageCulture .cultureBox li.l4{ left: 51.8458%; bottom: 82.9004%; padding-bottom:200px;}
.pageCulture .cultureBox li.l5{ left: 64.427%; bottom: 81.1688%; padding-bottom: 80px;}
.pageCulture .cultureBox li.l6{ left: 83.4979%; bottom: 99.567%; padding-bottom: 120px;}



/* pageBases */
.pageBases{ width: 100%; padding: 100px 0 ;min-width: 1200px; position: relative; overflow: hidden; box-sizing: border-box;}
.pageBases .basesBox{ margin-top: 60px; width: 100%;}
.pageBases .basesBox .swiper-slide{ position: relative; overflow: hidden; text-align: center;}
.pageBases .basesBox .swiper-slide .img{ width: 100%; overflow: hidden; border-radius: 5px; overflow: hidden; background-color: #000;}
.pageBases .basesBox .swiper-slide .img img{ width: 100%; display: block; opacity: 0.6; transition: all 0.8s ease;}
.pageBases .basesBox .swiper-slide .tit{ margin-top: 40px; font-size: 24px; color: #333;}
.pageBases .basesBox .swiper-slide.swiper-slide-active img{ opacity: 1;}
.pageBases .swiper-button-prev,.pageBases  .swiper-button-next{ width: 70px; line-height: 70px; height: 70px; font-size: 24px; color: #fff; border-radius: 50%; margin-top: -70px; background-color: #004ea2;  transition: all 0.8s ease;}
.pageBases .swiper-button-prev::after,.pageBases .swiper-button-next::after{display: none;}
.pageBases .swiper-button-prev{ left: 17.5%;}
.pageBases .swiper-button-next{ right: 17.5%; transform: rotate(180deg);}
.pageBases .swiper-button-prev:hover,.pageBases  .swiper-button-next:hover{ background-color: #20985f; }


/* pageOrganization */
.pageOrganization{ width: 100%; padding: 100px 0 ; background: url(../images/organization/organizationBg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageOrganization .box{ width: 100%; font-size: 18px; line-height: 34px; text-align: center;}
.pageOrganization .box img{ max-width: 100%; display: inline-block;}

/* pageContent */
.pageContent{ width: 100%; padding: 100px 0 ; position: relative; overflow: hidden; box-sizing: border-box;}
.pageContent .box{ width: 100%; font-size: 18px; line-height: 34px; text-align: center;}
.pageContent .box img{ max-width: 100%; display: inline-block;}


/* pageHistory */
.pageHistory{ width: 100%; padding: 100px 0 0 0; background: url(../images/history/historyBg.jpg) center no-repeat fixed; background-size: cover !important; position: relative; overflow: hidden; box-sizing: border-box;}
.pageHistory .top{ text-align: center; font-size: 40px; color: #333;}
.pageHistory ul{ margin-top: 60px; padding:0 0 80px 0; width: 100%; position: relative; overflow: hidden; box-sizing: border-box;}
.pageHistory ul::after{ content: ''; position: absolute; left: 50%; top: 0; width: 1px;  height: 100%; background-color: rgba(0,0,0,0.05);}
.pageHistory ul li{ width: 100%; position: relative; margin-top: 70px;}
.pageHistory ul li .icon{ position: absolute; top: 10px; left: 50%; margin-left: -7px; width: 15px; height: 15px; border-radius: 50%; border: solid 1px #20985f; box-sizing: border-box;}
.pageHistory ul li .icon::after{ content: ''; position: absolute; left: 3px; top: 3px; width: 7px; height: 7px; background-color: #20985f; z-index: 2; border-radius: 50%;}
.pageHistory ul li .info{ width: 50%; position: relative; box-sizing: border-box;}
.pageHistory ul li .info .year{ font-size: 36px; color: #004ea2; font-weight: bold;}
.pageHistory ul li .info .txt{ margin-top: 25px; font-size: 18px; line-height: 38px; color: #333;}
.pageHistory ul li .info .txt img{ display: none;}
.pageHistory ul li .img{ width: 50%; position: relative;  overflow: hidden; box-sizing: border-box;}
.pageHistory ul li .img img{ width: 400px; border-radius: 5px; display: inline-block; transition: all 0.8s ease;}
.pageHistory ul li:nth-child(even) .info,.pageHistory ul li:nth-child(odd) .img{ text-align: left; padding-left: 60px; }
.pageHistory ul li:nth-child(odd) .info,.pageHistory ul li:nth-child(even) .img{ text-align: right; padding-right: 60px;}

/* pageHonor */
.pageHonor{ width: 100%; padding: 100px 0 ; position: relative; overflow: hidden;  box-sizing: border-box;}
.pageHonor .text{ text-align: center; width: 80%; margin: auto; font-size: 18px; color: #333; line-height: 44px;}
.pageHonor ul{ width: 100%; margin-top: 60px;}
.pageHonor ul li{ text-align: center; position: relative; padding: 0 40px; box-sizing: border-box;}
.pageHonor ul li::after{ content: ''; position: absolute; right: 0; top: 10%; width: 1px; height: 80%; background-color: rgba(0, 0, 0, 0.1);}
.pageHonor ul li:last-child::after{ display: none;}
.pageHonor ul li div.iconfont{ font-size: 110px;line-height: 60px; color: #004ea2;}
.pageHonor ul li .num{ line-height: 60px;font-size: 56px; color: #004ea2; font-weight: bold; position: relative; width: 100px; margin: auto;}
.pageHonor ul li .num span{ font-size: 20px; font-weight: bold; right: -20px; top:0;line-height: 20px; position: absolute;}
.pageHonor ul li .tit{ font-size:16px ; color: #333; margin-top: 25px;}

.honorBox{ width: 100%; padding: 100px 0; background-color: #f4f8fb; position: relative; overflow: hidden; box-sizing: border-box;}
.honorThumb{ width: 600px; margin:60px auto 0; }
.honorThumb .swiper-slide{ text-align: center;border-radius: 5px; overflow: hidden;}
.honorThumb .swiper-slide a{ display: inline-block; width: 100%; line-height: 56px; color: #333; font-size: 18px; background-color: #fff; transition: all 0.8s ease;}
.honorThumb .swiper-slide.swiper-slide-thumb-active a{ background-color: #004ea2; color: #fff;}

.honorItem{ width: 100%; margin-top: 60px;}
.honorItem .swiper-slide{ width: 100%; opacity: 0 !important;background-color: #f4f8fb;}
.honorItem .swiper-slide ul{ width: 100%;}
.honorItem .swiper-slide ul li{ width: 23.5%; margin: 0 2% 3% 0; background-color: #fff; border-radius: 5px; position: relative;}
.honorItem .swiper-slide ul li:nth-child(4n){ margin-right: 0;}
.honorItem .swiper-slide ul li .tit{ text-align: center; transition: all 0.8s ease;  padding: 15px ; font-size: 18px; color: #333; line-height: 34px; position: relative; box-sizing: border-box; border-top: solid 1px #f4f8fb;}
.honorItem .swiper-slide ul li .img{ width: 100%;  height: 280px;  position: relative; overflow: hidden; transition: all 0.8s ease;  box-sizing: border-box;}
.honorItem .swiper-slide ul li .img img{ width: auto; height: auto; max-width: 80%; max-height: 80%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all 0.8s ease; }
.honorItem .swiper-slide ul li:hover::after{ background-color: #004ea2;}
.honorItem .swiper-slide ul li:hover .tit{ color: #004ea2;}
.honorItem .swiper-slide ul li:hover .img{ border-color: #004ea2;}
.honorItem .swiper-slide.swiper-slide-active{ opacity: 1 !important;}

/* pageGlobal */
.pageGlobal{ position: relative; width: 100%; padding: 100px 0; overflow: hidden; box-sizing: border-box;}
.pageGlobal .wrap{ position: relative;}
.pageGlobal .info{  position: relative; margin: auto; width: 500px; z-index: 4;}
.pageGlobal .info .text{ width: 100%; text-align: center;   box-sizing: border-box;}
/* .pageGlobal .info .text::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #004ea2; border-radius: 2px;} */
.pageGlobal .info .text p{  font-size: 24px; color: #004ea2; width: 50%;}
.pageGlobal .info .text span{ display: inline-block; vertical-align: bottom; margin-right: 10px;line-height: 40px; font-size: 70px; font-weight: 600;}
.pageGlobal .globalBox{ width: 100%; padding:20px 0 0 0; position: relative;  box-sizing: border-box;}
.pageGlobal .img{ width: 100%; position: relative; z-index: 1;}
.pageGlobal .img .mp{width: 100%; display: block; position: relative; z-index: 1; transform: scale(1);/*  -webkit-animation: zoomBig1  1s linear forwards; animation: zoomBig1  1s linear  forwards; */}
.pageGlobal .img .linebox{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2;overflow: hidden;  overflow: hidden; opacity: 1;}
.pageGlobal .img .line{  position: absolute; overflow: hidden; z-index: 2; opacity: 0.3;}
.pageGlobal .img .line img{position: absolute;  height: auto; width: auto; display: block;}
.pageGlobal .img .line.line2{ width:0; height: 2%; top: 43.34%; left: 35.40%; -webkit-animation: line2 0.5s linear 1s forwards; animation: line2  0.5s linear 1s forwards;}
.pageGlobal .img .line.line2 img{ height: 100%; top: 0; left: 0;}
.pageGlobal .img .line.line3{ width: 0; height: 2.5%; top: 41.00%; left: 35.40%; -webkit-animation: line3 0.5s linear 1s forwards; animation: line3  0.5s linear 1s forwards;}
.pageGlobal .img .line.line3 img{ height: 100%; top: 0; left: 0;} 
.pageGlobal .img .line.line4{ width: 0.81%; height: 0; top: 43.48%; left: 34.72%; -webkit-animation: line4 0.5s linear 1s forwards; animation: line4  0.5s linear 1s forwards;}
.pageGlobal .img .line.line4 img{ width: 100%; top: 0; left: 0;}
.pageGlobal .img .line.line5{ width: 0; height: 15.72%; top: 28.09%; right: 64.55%;  -webkit-animation: line5 0.5s linear 1s forwards; animation: line5  0.5s linear 1s forwards;}
.pageGlobal .img .line.line5 img{ height: 100%; top: 0; right: 0;}
.pageGlobal .img .line.line6{ width: 0; height: 19.9%; top: 32.71%; left: 35.35%;  -webkit-animation: line6 0.5s linear 1s forwards; animation: line6  0.5s linear 1s forwards;}
.pageGlobal .img .line.line6 img{ height: 100%; top: 0; left: 0;}
.pageGlobal .img .line.line7{ width: 2.02%; height: 0; top: 43.64%; left: 33.33%;  -webkit-animation: line7 0.5s linear 1s forwards; animation: line7  0.5s linear 1s forwards;}
.pageGlobal .img .line.line7 img{ width: 100%; top: 0; left: 0;}
.pageGlobal .hd{  position: relative; width: 100%; z-index: 1;}
.pageGlobal .hd ul{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%;}
.pageGlobal .hd ul li{ position: absolute; text-align: center;  opacity: 0; z-index: 1; cursor: pointer;}
.pageGlobal .hd ul li:nth-child(1){ top: 42.2%; left: 34.3%;  -webkit-animation: showd 0.5s linear 0.5s forwards; animation: showd  0.5s linear 0.5s forwards;}
.pageGlobal .hd ul li:nth-child(2){ top: 43.9%; left: 37.5%; -webkit-animation: showd 0.5s linear 0.5s forwards; animation: showd  0.5s linear 0.5s forwards;}
.pageGlobal .hd ul li:nth-child(3){ top: 41.5%; left: 42.2%; -webkit-animation: showd 0.5s linear 0.5s forwards; animation: showd  0.5s linear 0.5s forwards;}
.pageGlobal .hd ul li:nth-child(4){ top: 54.7%; left: 32.8%; -webkit-animation: showd 0.5s linear 0.5s forwards; animation: showd  0.5s linear 0.5s forwards;}
.pageGlobal .hd ul li:nth-child(5){ top: 29.5%; right: 88.2%; -webkit-animation: showd 0.5s linear 0.5s forwards; animation: showd  0.5s linear 0.5s forwards;}
.pageGlobal .hd ul li:nth-child(6){ top: 51.1%; left: 73.2%; -webkit-animation: showd 0.5s linear 0.5s forwards; animation: showd  0.5s linear 0.5s forwards;}
.pageGlobal .hd ul li:nth-child(7){ top: 53.5%; left: 32.9%; -webkit-animation: showd 0.5s linear 0.5s forwards; animation: showd  0.5s linear 0.5s forwards;}
.pageGlobal .hd ul li .icon{ width: 20px; height: 20px; margin: auto; border-radius: 50%;  position: relative; transition: all 0.8s ease; z-index: 1;}
.pageGlobal .hd ul li .icon::after{ content: ''; width: 20px; height: 20px; position: absolute; z-index: 1; top: 0; left: 0; background-color: rgba(0,78,162,0.4); border-radius: 50%; transition: all 0.8s ease;  -webkit-animation: zoomBig 2s linear infinite; animation: zoomBig 2s linear infinite;}
.pageGlobal .hd ul li .icon::before{ content: ''; width: 40px; height: 40px; position: absolute; top: -10px; left: -10px; z-index: 0; border-radius: 50%; background-color: rgba(0,78,162, 0.2); transform: scale(0.5); opacity: 1; transition: all 0.8s ease;  -webkit-animation: zoomBig 2s linear infinite; animation: zoomBig 2s linear infinite;}
.pageGlobal .hd ul li .icon p{ position: relative; display: inline-block; z-index: 2; width: 6px; height: 6px; margin: 7px; background-color: #004ea2; border-radius: 50%; transition: all 0.8s ease;}
.pageGlobal .hd ul li .tit{ font-size: 14px; color: #004ea2; margin-top: 5px;position: relative; z-index: 2;}
.pageGlobal .hd ul li.wr .tit{width: 50px; text-align: right; position: absolute; right: 35px; margin-top: -10px; line-height: 20px; top: 50%;}
.pageGlobal .hd ul li.on{ z-index: 2;}
.pageGlobal .hd ul li.on .icon::after{background-color: rgba(32, 152, 92, 0.4); }
.pageGlobal .hd ul li.on .icon::before{ background-color: rgba(32, 152, 92, 0.2);}
.pageGlobal .hd ul li.on .icon p{ background-color: #20985f;}
.pageGlobal .hd ul li.on .tit{ color: #20985f;}
.pageGlobal .bd{ position: absolute !important; bottom:  25%; right: 30%; width: 350px !important; height: 180px !important; background-color: rgba(0, 0, 0, 0);z-index: 3; border-radius: 5px;}
.pageGlobal .bd .con{ display: none; width: 100%; height: 100%; position: relative; border-radius: 5px; overflow: hidden;}
.pageGlobal .bd .con .text{width: 100%; height: 100%; overflow-y: auto; background-color: #004ea2;position: relative;padding:10px 25px; box-sizing: border-box;}
.pageGlobal .bd .con .text.scrollbar::-webkit-scrollbar{ background-color: #004ea2;}
.pageGlobal .bd .con .item{ width: 100%; padding: 15px 0; border-bottom: solid 1px rgba(255,255,255,0.15); box-sizing: border-box;}
.pageGlobal .bd .con .item.l1{ padding: 20px 0;}
.pageGlobal .bd .con .item .tit{ font-size: 18px; color: #fff; position: relative; padding-bottom: 10px; box-sizing: border-box; width: 100%; margin-bottom: 10px;}
.pageGlobal .bd .con .item .tit::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background-color: rgba(255, 255, 255, 0.2);}
.pageGlobal .bd .con .item .txt{  font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 24px;}
.pageGlobal .bd .con .item:last-child{ border-bottom: 0;  margin-bottom: 0;}

/* pageDocument */
.pageDocument{ position: relative; width: 100%;background-color: #f4f8fb;padding: 100px 0 80px 0; overflow: hidden; box-sizing: border-box;}
.pageDocument ul{ width: 100%;}
.pageDocument ul li{width: 23.5%;padding: 20px; box-sizing: border-box; background-color: #fff;  margin:0 2% 2%  0; border-radius: 5px; overflow: hidden; position: relative;text-align: center; box-shadow: 0 0 20px rgba(0,0,0,0.03);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.03);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.03);}
.pageDocument ul li:nth-child(4n){ margin-right: 0;}
.pageDocument ul li .img{ width: 100%; position: relative; overflow: hidden; }
.pageDocument ul li .img img{ width: 100%; display: block;}
.pageDocument ul li .tit{ font-size: 20px; color: #333; padding:15px 0 5px 0;}
.pageDocument ul li .lk{  margin-top: 10px; box-sizing: border-box; width: 100%; position: relative;}
.pageDocument ul li .lk  a{ display: inline-block; border-radius: 5px; font-size: 14px; line-height: 36px; border: solid 1px #eee; width: 35%; margin: 0 10px; color: #666;overflow: hidden; transition: all 0.8s ease; position: relative;}
.pageDocument ul li .lk  a::after{ content: ''; position: absolute; left: -105%; top: 0; width: 100%; height: 100%; background-color: #004ea2; transition: all 0.8s ease;}
.pageDocument ul li .lk  a span{ display: inline-block; position: relative; z-index: 2;}
.pageDocument ul li .lk  a:hover{border-color: #004ea2; color: #ffff;}
.pageDocument ul li .lk  a:hover::after{ left: 0;}

/* productFiles */
.productFiles{  position: relative; width: 100%;background-color: #fff; padding: 80px 0; overflow: hidden; box-sizing: border-box;}
.productFiles .item{ width: 100%; margin-top: 40px; background-color: #f4f8fb; border-radius: 5px; overflow: hidden; padding: 40px; box-sizing: border-box; border: solid 1px #eee;}
.productFiles .item:first-child{ margin-top: 0;}
.productFiles .item .tit{ font-size: 30px; color: #333; }
.productFiles .item ul{ width: 100%; margin-top:15px;}
.productFiles .item ul li{  padding: 15px 30px 0 0;}
.productFiles .item ul li a{ display: inline-block; font-size: 16px;line-height: 24px; padding: 6px 15px; border-radius: 5px; border: solid 1px #ddd; color: #666;  transition: all 0.8s ease; position: relative; overflow: hidden;}
.productFiles .item ul li a::after{ content: ''; position: absolute; left: -105%; top: 0; width: 100%; height: 100%; background-color: #004ea2; transition: all 0.8s ease;}
.productFiles .item ul li a span{ display: inline-block; position: relative; z-index: 2; }
.productFiles .item ul li a:hover{ color: #fff;  border-color: #004ea2;}
.productFiles .item ul li a:hover::after{ left: 0;}


/* pageVideo */
.pageVideo{ position: relative; width: 100%;padding: 100px 0; overflow: hidden; box-sizing: border-box;}
.pageVideo ul{ width: 100%;}
.pageVideo ul li{width: 31.33%; box-sizing: border-box;  margin:0 3% 3%  0;  overflow: hidden; position: relative;text-align: center; }
.pageVideo ul li:nth-child(3n){ margin-right: 0;}
.pageVideo ul li .img{ width: 100%; position: relative; background-color: #004ea2; overflow: hidden; border-radius: 5px;}
.pageVideo ul li .img img{ width: 100%; display: block; position: relative; z-index: 1; transition: all 0.8s ease;}
.pageVideo ul li .img .iconfont{ position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; transform: translate(-50%,-50%); background-color: rgba(255, 255, 255, 0.7); color: #20985f; font-size: 38px; line-height: 60px; border-radius: 50%; text-align: center; z-index: 2; transition: all 0.8s ease; opacity: 0;}
.pageVideo ul li .tit{ font-size: 24px; color: #333; margin-top: 20px;}
.pageVideo ul li:hover img{ transform: scale(1.1); opacity: 0.5;}
.pageVideo ul li:hover .iconfont{ opacity: 1;}
.pageVideo ul li:hover .tit{ color: #004ea2;}

/* .jquery-lightbox-overlay{ background: #000000; }
.jquery-lightbox{ position:relative; padding:0; margin:0;}
.jquery-lightbox-html{ z-index:7000; padding:0; position:relative; border-radius: 5px !important; overflow: hidden;  border:solid 20px #fff;}
.jquery-lightbox-background{z-index:6999; position:absolute; padding:0; float:left;}
.jquery-lightbox-mode-html .jquery-lightbox-background{background:#fff; border-radius: 5px !important;}
.jquery-lightbox-loading{background:url(../images/icon/loading.gif) #fff no-repeat center center}
.jquery-lightbox-mode-html .jquery-lightbox-loading{background:url(../images/icon/loading.gif) #fff no-repeat center center}
.jquery-lightbox-button-close{position:absolute; width:50px; background:#004ea2 url(../images/icon/iconbox.png) no-repeat 0 0; height:50px; top: calc(100% + 70px); right:50%; margin-right: -25px; border-radius: 50%  ;  z-index:7001;}
.jquery-lightbox-button-close:hover{background:#20985f url(../images/icon/iconbox.png) no-repeat 0 0}
.jquery-lightbox-button-close SPAN{display:none}
.jquery-lightbox-buttons SPAN{display:none;}
.jquery-lightbox-buttons{z-index: 7001; position: absolute; display: none; height:100px; width:50px; top:50px; right:-50px; overflow: hidden; border-radius:0 0 5px  0 ;}
.jquery-lightbox-buttons .jquery-lightbox-button-left{margin:0px; width:50px; height:50px; display:none !important; background:#004ea2 url(../images/icon/iconbox.png) no-repeat -50px 0; float:left; }
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover{background:#20985f url(../images/icon/iconbox.png) no-repeat -50px 0;}
.jquery-lightbox-buttons .jquery-lightbox-button-right{margin:0px; width:50px; display: none !important; background:#004ea2 url(../images/icon/iconbox.png) no-repeat -100px 0; float:left; height:50px}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover{background:#20985f url(../images/icon/iconbox.png) no-repeat -100px 0;}
.jquery-lightbox-navigator{display: none} */

#galpop-wrapper{background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, .8);}
#galpop-container{border-radius:5px; border:solid 20px #fff;  background-color:rgba(255, 255, 255, 1); }
#galpop-wrapper.loaded-ajax #galpop-container,#galpop-wrapper.loaded-iframe #galpop-container{width:1040px; height:520px; padding:0; }
#galpop-wrapper.loaded-iframe iframe{width:1040px; height:520px; border:0;}
#galpop-wrapper.loaded-ajax #galpop-content{padding:10px 20px;}
#galpop-ajax{position:absolute; top:0; left:0; right:0; bottom:0; opacity:1; -o-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition:opacity 0.5s; background-image:url("../images/icon/loading.gif"); background-repeat:no-repeat; background-position:center;}
#galpop-wrapper.complete #galpop-ajax{opacity:0;}
#galpop-info{background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, .8); color:#fff; font-size:.8em; padding:10px; left:0; bottom:0;}
#galpop-close{position:absolute; width:50px; background:#004ea2 url(../images/icon/iconbox.png) no-repeat 0 0; height:50px; top: calc(100% + 40px); right:50%; margin-right: -25px; border-radius: 50%  ;  z-index:7001;}
#galpop-close:hover{background:#20985f url(../images/icon/iconbox.png) no-repeat 0 0}

.lock-scroll{overflow: hidden !important;}
#galpop-wrapper{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100;}
#galpop-container{position:absolute; top:50%; left:50%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height:100px; width:100px; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -o-transition: width 0.5s, height 0.5s; -ms-transition: width 0.5s, height 0.5s; -moz-transition: width 0.5s, height 0.5s; -webkit-transition: width 0.5s, height 0.5s; transition:width 0.5s, height 0.5s; overflow: visible !important;}
#galpop-prev,
#galpop-next{position:absolute; top:0; bottom:0; z-index:5; background-repeat:no-repeat; outline:none;}
#galpop-prev{left:0; right:50%;}
#galpop-next{left:50%; right:0;}
#galpop-prev:hover{background-image:url(""); background-position:left center;}
#galpop-next:hover{background-image:url(""); background-position:right center;}
#galpop-modal{position:relative;}
#galpop-content{display:none;}
#galpop-content img{vertical-align:top;}
#galpop-info{position:absolute; display:none; z-index:15;}
#galpop-info p{margin:0;}
#galpop-info a{color:#fff;}
#galpop-close{position:absolute; display:block; z-index:10;}



/* pageContact */
.pageContact{ position: relative; width: 100%; padding: 80px 0 100px; overflow: hidden; box-sizing: border-box;}
.pageContact::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; background-color: #f4f8fb; z-index: 0;}
.pageContact .scb{ width: 100%; position: relative; z-index: 2;}
.pageContact .scb ul{ width: 100%;}
.pageContact .scb ul li{ width: 31.33%; margin: 1.5% 3%  1.5% 0; border: solid 1px #eee;padding:40px 30px; background-color: #fff; box-sizing: border-box; border-radius: 5px; overflow: hidden;background-color: #f4f8fb;}
.pageContact .scb ul li:nth-child(3),.pageContact .scb ul li:nth-child(5){ margin-right: 0;}
.pageContact .scb ul li:nth-child(4),.pageContact .scb ul li:nth-child(5){ width: 48.5%; padding: 40px 60px;}
.pageContact .scb ul li .tit{ position: relative; padding-bottom: 20px; margin-bottom: 20px; font-size: 20px; color: #333; font-family:'HarmonyOSMedium'; line-height: 36px; box-sizing: border-box;}
.pageContact .scb ul li .tit::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; background-color: #eee;}
.pageContact .scb ul li .txt{width: 100%;}
.pageContact .scb ul li .txt .p{ margin: 10px  0; position: relative; padding-left: 85px; box-sizing: border-box; font-size: 18px; color: #666; line-height: 30px;}
.pageContact .scb ul li .txt .p p{ position: absolute; top: 0; left: 0;}
.pageContact .scb ul li .txt .p .iconfont{ font-size: 24px;display: inline-block; vertical-align: middle; color: #999; margin:-2px 5px 0 0;}

.pageContact .box{ width: 100%; height: 720px; margin-top: 80px; position: relative; z-index: 2; border-radius: 5px;}
.pageContact .box .map{width: 100%; height: 720px; position: relative; z-index: 1;}
.pageContact .box .info{ position: absolute; right: 40px; top: 40px; width: 380px; height: calc(100% - 80px); padding: 40px; box-sizing: border-box; z-index: 2;background-color: #fff; box-shadow: 0 0 30px rgba(0,0,0,0.05);-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.05);-moz-box-shadow: 0 0 30px rgba(0,0,0,0.05); border-radius: 5px;}
.pageContact .box .info .top{ font-size: 30px; color: #333;}
.pageContact .box .info ul{ margin-top: 20px;}
.pageContact .box .info ul li{ padding: 25px 0; border-bottom: solid 1px #eee; box-sizing: border-box;}
.pageContact .box .info ul li:last-child{ border-bottom: 0;}
.pageContact .box .info ul li .iconfont{ font-size: 36px; color: #333;}
.pageContact .box .info ul li .tit{ font-size: 22px; color: #333; margin-top: 15px;}
.pageContact .box .info ul li .txt{ font-size: 18px; color: #666; margin-top: 10px;}

.tdt-label.tdt-zoom-animated{  width: 460px; height: 120px; position: relative; border-radius: 5px; background: #004ea2 !important; border: 0 !important; box-sizing: border-box;}
.tdt-label.tdt-zoom-animated::after{ content: ''; width: 0; height: 0; top: auto; position: absolute; left: 50%; right: 0; bottom: -15px; margin-left: -10px; border-top: 10px solid #004ea2; border-right: 10px solid transparent; border-left: 10px solid transparent; box-sizing: border-box;}
.pageContact .mapBox{ width: 100%;padding:10px 20px 10px 10px; position: relative; overflow: hidden;box-sizing: border-box;}
.pageContact .mapBox .mapImg{float: left; width: 100px;border-radius: 5px;overflow: hidden;}
.pageContact .mapBox .mapImg img{ width: 100%; display: block;}
.pageContact .mapBox .mapText{ float: right; width:300px ; }
.pageContact .mapBox .mapText .tit{width: 100%; margin-top: 5px; font-size: 18px; color: #fff;}
.pageContact .mapBox .mapText .txt{ width: 100%; font-size: 13px; margin-top: 10px; line-height: 22px; color: rgba(255, 255, 255, 0.6); white-space:pre-wrap; }

/* pageForm */
.pageForm{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; box-sizing: border-box;}
.pageForm .box{ width: 100%; margin-top: 60px;}
.pageForm .box form{ width: 100%; }
.pageForm .box form .row{ margin-bottom: 30px; width: 100%;}
.pageForm .box form .row .item{ width: 47%;}
.pageForm .box form .row .t{ font-size: 20px; color: #333;}
.pageForm .box form .row .b{ width: 100%; margin-top: 15px; position: relative;}
.pageForm .box form .row1{ margin-top: 40px;}
.pageForm .box form label{display: block;position: relative; }
.pageForm .box form label span{font-size: 18px;color: #aaa;position: absolute; line-height: 30px; top: 22px; left: 60px;}
.pageForm .box form label .iconfont{ font-size: 30px; color: #aaa; position: absolute; left: 20px; line-height: 30px; top: 22px;}
.pageForm .box form .row .txt{border: solid 1px #eee;font-size: 18px;color: #333;width: 100%;line-height: 30px;padding:20px 20px 20px 60px; background-color: #f4f8fb; border-radius: 5px; box-sizing: border-box;}
.pageForm .box form textarea{ height: 300px;resize: none; padding:20px 20px 20px 60px; box-sizing: border-box; width: 100%;font-size: 18px;color: #333;line-height: 30px;border: none;background-color: #fff;  border: solid 1px #eee; border-radius: 5px; box-sizing: border-box;}
.pageForm .box form .btn{width: 300px;height: 72px;cursor: pointer;background-color: #004ea2;transition: all 0.6s ease;border: 0;color: #fff;font-size: 20px; text-align: center; border-radius: 5px; }
.pageForm .box form .btn:hover{background-color: #20985f; }
.pageForm .box form .n{ max-width: calc(100% - 350px); font-size: 18px; color: #f00;  line-height: 32px; padding: 20px 0; box-sizing: border-box;}

/* pageRecruitment */
.pageRecruitment{ width: 100%; padding: 170px 0; background: url(../images/job/jobBg.jpg) top center no-repeat ; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageRecruitment .box{ text-align: center; width: 100%;}
.pageRecruitment .box .iconfont{ font-size: 70px; line-height: 70px; color: #004ea2;}
.pageRecruitment .box .tit{ font-size: 40px; color: #333; margin: 40px 0 30px;}
.pageRecruitment .box .txt{ font-size: 20px; color: #333; line-height: 48px;}



/* pageBenefits */
.pageBenefits{ width: 100%; padding: 100px 0; background: url(../images/job/benefitsBg.jpg) top center no-repeat ; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageBenefits ul{ width: 100%; margin-top: 60px;}
.pageBenefits ul li{ width: 32%; margin:0 2% 2% 0; position: relative; text-align: center; padding:50px 30px ; border: solid 1px rgba(255, 255, 255, 0.2); transition: all 0.8s ease; cursor: pointer; border-radius: 5px; box-sizing: border-box; overflow: hidden;}
.pageBenefits ul li:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  transition: all 0.8s ease; opacity: 0.3;}
.pageBenefits ul li:nth-child(1):before{background-color: #58b6e5;}
.pageBenefits ul li:nth-child(2):before{background-color: #bbead5;}
.pageBenefits ul li:nth-child(3):before{background-color: #fbdfe3;}
.pageBenefits ul li:nth-child(4):before{background-color: #ffe3bb;}
.pageBenefits ul li:nth-child(5):before{background-color: #dfe3f1;}
.pageBenefits ul li:nth-child(6):before{background-color: #bce2f5;}
.pageBenefits ul li::after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(32, 152, 92,0.7); transition: all 0.8s ease;  transform: scale(0);}
.pageBenefits ul li:nth-child(3n){ margin-right: 0;}
.pageBenefits ul li .num{ font-size: 44px; color: #fff; padding-bottom: 15px; margin-bottom: 20px; font-weight: bold; position: relative; z-index: 2; box-sizing: border-box;}
.pageBenefits ul li .num::after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 40px; margin-left: -20px; height: 3px; background-color: rgba(255, 255, 255, 0.6);}
.pageBenefits ul li .tit{ font-size: 24px; color: #fff; position: relative; z-index: 2;}
.pageBenefits ul li .txt{ font-size: 16px; line-height: 34px; margin-top: 20px; color: rgba(255, 255, 255, 0.9); position: relative; z-index: 2;}
.pageBenefits ul li:hover{ border-color: rgba(32, 152, 92,0.5);}
.pageBenefits ul li:hover::after{ transform: scale(1);}
.pageBenefits ul li:hover::before{ opacity: 0;}

/* pageJobs */
.pageJobs{ width: 100%; padding: 100px 0; position: relative; background-color: #f4f8fb; overflow: hidden; box-sizing: border-box;}
.pageJobs .jobsBox{ width: 100%; margin-top: 40px;}
.pageJobs .job_a{ width: 100%; margin-top: 20px; padding: 30px 50px; border-radius: 5px; background-color: #fff; box-sizing: border-box;}
.pageJobs .job_a .tit{ width: calc(100% - 450px); transition: all 0.8s ease; }
.pageJobs .job_a .tit .t{ font-size: 24px; color: #333; line-height: 54px; max-width: 60%;}
.pageJobs .job_a .tit .d{ font-size: 18px; color: #999; line-height: 54px; max-width: 35%;}
.pageJobs .job_a .lk{ width: 410px; border-left: solid 1px #eee; transition: all 0.8s ease; box-sizing: border-box;}
.pageJobs .job_a .indexMore.zw{ margin:0 20px 0 29px;}
.pageJobs .job_a .indexMore.zw a{ color: #20985f; }
.pageJobs .job_a .indexMore.zw a::after{ background-color: #20985f;}
.pageJobs .job_a .indexMore.xq a{ color: #004ea2; }
.pageJobs .job_a .indexMore a:hover{color: #fff;}
.pageJobs .job_a.on { border-radius: 5px 5px 0 0;}
.pageJobs .job_a.on .tit .t{ color: #004ea2;}
.pageJobs .job_a.on .indexMore.xq a::after{ left: 0;}
.pageJobs .job_a.on .indexMore.xq a{ color: #fff;}
.pageJobs .job_a.on .indexMore.xq a .iconfont{ transform: rotate(270deg);}
.pageJobs .job_d{ display: none; border-radius:0 0 5px 5px; background-color: #fff; width: 100%; padding: 0 50px; box-sizing: border-box;}
.pageJobs .job_d .text{padding: 30px 0; border-top: solid 1px #eee; font-size: 16px; color: #333; line-height: 34px; box-sizing: border-box;}
.pageJobs .job_d .text img{ max-width: 100%; height: auto !important;}

/* newsNav */
.newsNav{ width: 100%;  position: relative; overflow: hidden; padding-top: 70px; box-sizing: border-box;}
.newsNav ul{ position: relative; width: 660px; margin: auto;}
.newsNav ul li{ position: relative; transition: all 0.8s ease; z-index: 2; padding-right: 90px; box-sizing: border-box;}
.newsNav ul li a{ font-size: 22px; color: #333; display: inline-block; padding-bottom: 20px; transition: all 0.8s ease; box-sizing: border-box;}
.newsNav ul li::after{ content: ''; width: calc(100% - 90px); height: 3px; position: absolute; left: 0; bottom: 0; background-color: rgba(0,78,162,0); transition: all 0.8s ease;}
.newsNav ul li::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background-color: #eee;}
.newsNav ul li:last-child{ padding-right: 0;}
.newsNav ul li:last-child::after{ width: 100%;}
.newsNav ul li.on::after,.newsNav ul li:hover::after{ background-color: rgba(0,78,162,1);}
.newsNav ul li.on a,.newsNav ul li:hover a{ color: #004ea2;}


/* pageNews */
.pageNews{ width: 100%; position: relative; overflow: hidden;  box-sizing: border-box;}
.pageNews .tjNews{ width: 100%;  padding: 100px 0; background-color: rgba(0,78,162,0.05);}
.pageNews .tjNews .newsBox{ width: 100%; position: relative; overflow: hidden;}
.pageNews .newsBox .swiper-slide .img{ width: 50%;border-radius: 5px; position: relative; overflow: hidden;}
.pageNews .newsBox .swiper-slide .img img{ width: 100%; display: block; transition: all 0.8s ease;}
.pageNews .newsBox .swiper-slide .info{ width: 50%; padding-left: 60px; box-sizing: border-box;}
.pageNews .newsBox .swiper-slide .info .time{ font-size: 18px; color: #666;margin: 20px 0 30px; transition: all 0.8s ease;}
.pageNews .newsBox .swiper-slide .info .tit{ font-size: 26px; color: #333;  transition: all 0.8s ease;}
.pageNews .newsBox .swiper-slide .info .txt{ font-size: 18px; color: #999; line-height: 40px; transition: all 0.8s ease;}
.pageNews .newsBox .swiper-slide .info .more{ font-size: 18px; line-height: 20px; color: #999; margin-top: 40px; transition: all 0.8s ease;}
.pageNews .newsBox .swiper-slide .info .more .iconfont{font-size: 20px; width: 20px;  text-align: center; margin:0 0 0 10px; display: inline-block;  transform: rotate(180deg) translateY(2px); }
.pageNews .newsBox .swiper-slide:hover img{ transform: scale(1.1);}
.pageNews .newsBox .swiper-slide:hover .tit{ color: #004ea2;}
.pageNews .newsBox .swiper-slide:hover .time,.pageNews .newsBox .swiper-slide:hover .txt,.pageNews .newsBox:hover .more{ color: #333;}
.pageNews .newsBox .swiper-slide .info .more:hover{ color: #004ea2;}
.pageNews .newsBox .swiper-pagination{ position: relative; bottom: 0 !important; margin-top: 40px;}
.pageNews .newsBox .swiper-pagination .swiper-pagination-bullet{ width: 14px; height: 14px; margin: 0 10px; background-color: #000; opacity: 0.25;}
.pageNews .newsBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #004ea2;opacity: 1;}

.pageNews .newsList{ width: 100%; padding: 100px 0; }
.pageNews .newsList ul li{ width: 100%; margin-bottom:  40px;padding-bottom: 40px; border-bottom: solid 1px #eee; position: relative;  transition: all 0.8s ease; box-sizing: border-box;}
.pageNews .newsList ul li a{  width: 100%;  }
.pageNews .newsList ul li .img{ width:26%; border-radius: 5px; position: relative; overflow: hidden;}
.pageNews .newsList ul li .img img{ width: 100%; display: block ; transition: all 0.8s ease;}
.pageNews .newsList ul li .info{ width: 74%;  padding-left: 50px; position: relative;  box-sizing: border-box;}
.pageNews .newsList ul li .info .time{ font-size: 16px; color: #666; margin: 15px 0 20px; transition: all 0.8s ease;}
.pageNews .newsList ul li .info .tit{ font-size: 26px; color: #333; transition: all 0.8s ease;}
.pageNews .newsList ul li .info .tit span{ color: #20985f;}
.pageNews .newsList ul li .info .txt{ font-size: 18px; color: #999; line-height: 36px; transition: all 0.8s ease;}
.pageNews .newsList ul li .info .more{ position: absolute; left: 0; bottom: 0; font-size: 16px; line-height: 20px; color: #999;  transition: all 0.8s ease;}
.pageNews .newsList ul li .info .more .iconfont{font-size: 18px; width: 20px;  text-align: center; margin:0 0 0 10px; display: inline-block;  transform: rotate(180deg) translateY(1px);}
.pageNews .newsList ul li:hover{ border-color: #004ea2;}
.pageNews .newsList ul li:hover img{ transform: scale(1.1);}
.pageNews .newsList ul li:hover .tit{ color: #004ea2;}
.pageNews .newsList ul li:hover .time,.pageNews .newsList ul li:hover .txt,.pageNews .newsList ul li:hover .more{ color: #333;}
.pageNews .newsList ul li .info .more:hover{ color: #004ea2;}

/* pageNotice */
.pageNotice{ width: 100%; position: relative; background-color: #f4f8fb; overflow: hidden; padding: 100px 0 100px; box-sizing: border-box;}
.pageNotice ul.noticeList{ width: 100%; }
.pageNotice ul.noticeList li{ width: 100%; margin-bottom: 2.5%; position: relative;  transition: all 0.8s ease;border-radius: 5px; box-sizing: border-box; background-color: #fff;}
.pageNotice ul.noticeList li::after{content: ''; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; transform: scale(0); transition: all 0.8s ease;}
.pageNotice ul.noticeList li a{ display: inline-block; width: 100%; height: 100%; padding: 50px 40px; box-sizing: border-box; position: relative; z-index: 2;}
.pageNotice ul.noticeList li .info{ width: 100%; position: relative;  box-sizing: border-box;}
.pageNotice ul.noticeList li .info .time{text-align: right; width: 120px; line-height: 38px; font-size: 18px; color: #666; transition: all 0.8s ease;}
.pageNotice ul.noticeList li .info .tit{ width: calc(100% - 120px); padding-right: 60px; box-sizing: border-box; font-size: 24px; color: #333; line-height: 38px;  transition: all 0.8s ease;}
.pageNotice ul.noticeList li .info .tit span{ color: #20985f;}
.pageNotice ul.noticeList li:hover{border-color: #004ea2;}
.pageNotice ul.noticeList li:hover::after{ transform: scale(1);}
.pageNotice ul.noticeList li:hover .info .time,.pageNotice ul.noticeList li:hover .info .tit{ color: #004ea2;}


/* pageNewsD */
.pageNewsD{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; box-sizing: border-box;}
.pageNewsD .tit{ font-size: 28px;line-height: 36px; color: #333; text-align: center;}
.pageNewsD .info{ width: 100%; padding: 25px 0 30px; text-align: center; border-bottom: dashed 1px #ddd; box-sizing: border-box;}
.pageNewsD .info span{ display: inline-block; font-size: 18px; color: #999; margin: 0 15px;}
.pageNewsD .text{ font-size: 18px; color: #333; line-height: 38px; padding: 40px 0; border-bottom: dashed 1px #ddd; box-sizing: border-box;}
.pageNewsD .text img{ max-width: 100%; height: auto !important;}

.Plink{ width: 100%; padding-top: 40px; box-sizing: border-box;}
.Plink a{ display: inline-block; max-width: 48%; font-size: 18px; color: #666; line-height: 30px;}
.Plink a:hover{ color: #004ea2;}


/* pageInnovation */
.pageInnovation{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; box-sizing: border-box;}
.pageInnovation .innovationBox {position: relative;width: 100%;margin-top: 60px;}
.pageInnovation .innovationBox .swiper-slide {width: 465px;  text-align: center; position: relative;}
.pageInnovation .innovationBox .swiper-slide .img{width:  465px;height: 350px; }
.pageInnovation .innovationBox .swiper-slide .img img{display:block; width: 100%; height: 100%; background-color: #fff; }
.pageInnovation .innovationBox .swiper-slide .tit{text-align: center;color: #333;font-size: 20px; margin-top: 20px; opacity: 0; transition: all 0.8s ease;}
.pageInnovation .innovationBox .swiper-slide.swiper-slide-active .tit{opacity: 1;}
.pageInnovation .swiper-button-prev,.pageInnovation .swiper-button-next{ width: 70px; line-height: 70px; height: 70px; font-size: 24px; color: #333; border-radius: 50%; border: solid 1px #ddd; margin-top: -50px; background-color: rgba(255, 255, 255, 0);  transition: all 0.8s ease; box-sizing: border-box;}
.pageInnovation .swiper-button-prev::after,.pageInnovation .swiper-button-next::after{display: none;}
.pageInnovation .swiper-button-prev{ left: 0;}
.pageInnovation .swiper-button-next{ right:0; transform: rotate(180deg);}
.pageInnovation .swiper-button-prev:hover,.pageInnovation  .swiper-button-next:hover{ background-color: #004ea2; color: #fff; }



/* pageTechnology */
.pageTechnology{width: 100%; padding: 100px 0; background: url(../images/innovation/technologyBg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageTechnology ul{ width: 100%; margin-top: 120px; position: relative;}
.pageTechnology ul li{ width: 31.33%; margin: 0 3% 3% 0;position: relative; }
.pageTechnology ul li .box{padding:40px  ; width: 100%;  height: 100%; border-radius: 5px;  box-sizing: border-box; background-size: cover !important; position: relative;overflow: hidden;}
.pageTechnology ul li .box::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: #004ea2; opacity: 0.85;}
.pageTechnology ul li .box .num{ border-bottom: solid 1px rgba(255,255,255,0.2); padding-bottom: 20px; position: relative; width: 100%; font-size: 36px; color: #fff; font-weight: bold; box-sizing: border-box; z-index: 3;}
.pageTechnology ul li .box .num::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 2px; z-index: 2; background-color: #fff;}
.pageTechnology ul li .box .txt{  position: relative;  z-index: 3; font-size: 16px; margin-top: 30px; line-height: 32px; height: 220px; color: #fff;}
.pageTechnology ul li:nth-child(3n){ margin-right: 0;}
.pageTechnology ul li:nth-child(3n-1) .box{  margin-top: -60px;  }
.pageTechnology ul li:nth-child(2) .box::after,.pageTechnology ul li:nth-child(4) .box::after,.pageTechnology ul li:nth-child(6) .box::after{ background-color: #20985f;}


/* pageDirection */
.pageDirection{ width: 100%; padding: 100px 0; background: url(../images/innovation/directionBg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageDirection ul{ width: 100%; margin: 60px auto 0; position: relative;}
.pageDirection ul li{ width: 23.5%; margin-right: 2%; border: solid 1px #eee; background-color: #fff; padding: 40px; box-sizing: border-box; border-radius: 5px;}
.pageDirection ul li:last-child{ margin-right: 0;}
.pageDirection ul li .tit{ font-size: 24px; color: #004ea2; padding-bottom: 20px; border-bottom: solid 1px #eee; box-sizing: border-box;}
.pageDirection ul li .txt{ font-size: 16px; line-height: 28px; color: #333; margin-top: 25px;}
.pageDirection ul li .txt p{ margin: 5px 0;}
.pageDirection ul.u3 li{ width: 32%;}


/* pageEquipment */
.pageEquipment{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; box-sizing: border-box;}
.pageEquipment .equipmentBox{ width: 100%;}
.pageEquipment .equipmentBox .top{ margin-bottom: 60px;}
.pageEquipment .equipmentBox .swiper-slide{ position: relative;}
.pageEquipment .equipmentBox .swiper-slide .img{ width: 100%; position: relative; z-index: 1; overflow: hidden; border-radius: 5px;}
.pageEquipment .equipmentBox .swiper-slide .img img{ width: 100%; display: block; position: relative; z-index: 1; transition: all 0.8s ease;}
.pageEquipment .equipmentBox .swiper-slide .img::after{ content: ''; position: absolute; z-index: 2; left: 0; bottom: 0; height: 40%; width: 100%; background: linear-gradient(0,rgba(0,0,0,0.6) 0,rgba(0,0,0,0)); transition: all 0.8s ease;}
.pageEquipment .equipmentBox .swiper-slide .tit{ position: absolute; bottom: 0; left: 0; padding: 0 30px 30px 30px; font-size: 20px; color: #fff; z-index: 2; text-transform: capitalize; box-sizing: border-box;}
.pageEquipment .equipmentBox .swiper-slide:hover img{ transform: scale(1.1);}
.pageEquipment .equipmentBox .swiper-slide:hover .img::after{background: linear-gradient(0,rgba(0,78,162,0.6) 0,rgba(0,78,162,0)); }
.pageEquipment .equipmentBox .swiper-scrollbar{ width: 100%; border-radius: 3px; left: 0; position: relative; bottom: 0; margin-top: 50px;}
.pageEquipment .equipmentBox .swiper-scrollbar .swiper-scrollbar-drag{ background-color: #004ea2; border-radius: 3px; cursor: pointer;}

.pageEquipment .equipmentBox .swiper-pagination{ width: auto;  position: relative; margin-top: 20px; bottom: 0;}
.pageEquipment .equipmentBox .swiper-pagination .swiper-pagination-bullet{ width: 16px; height: 16px; margin: 2px 10px; border: solid 2px #004ea2; background-color: rgba(255, 255, 255, 0); opacity: 1; transition: all 0.8s ease; box-sizing: border-box;}
.pageEquipment .equipmentBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: #004ea2;}


/* pageInstruments */
.pageInstruments{width: 100%; padding: 200px 0 120px; background: url(../images/equipment/instrumentsBg.jpg) top center no-repeat;   position: relative; overflow: hidden; box-sizing: border-box;}
.pageInstruments .pageTitle .txt{ margin-top: 40px; font-size: 22px; line-height: 44px;}
.pageInstruments ul{ width: 100%; margin-top: 100px;}
.pageInstruments ul li{ width: 23.5%; margin: 2% 2% 0 0; background-color: #fff; border-radius: 5px; position: relative; overflow: hidden;}
.pageInstruments ul li:nth-child(4n){ margin-right: 0;}
.pageInstruments ul li .img{ width: 100%; position: relative; overflow: hidden; border-radius: 5px 5px 0 0; }
.pageInstruments ul li .img img{ width: 100%; display: block; position: relative; transition: all 0.8s ease;}
.pageInstruments ul li .tit{ padding: 20px 20px; text-align: center; border: solid 1px #eee; border-top: 0; font-size: 18px; color: #333; line-height: 30px; transition: all 0.8s ease; box-sizing: border-box; border-radius: 0 0 5px 5px; }
.pageInstruments ul li:hover img{ transform: scale(1.1);}
.pageInstruments ul li:hover .tit{ border-color: #004ea2; background-color: #004ea2; color: #fff;}

#boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
#boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 99999;}
#boxer{background:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:10px; position: absolute; z-index: 99999; box-sizing: border-box;}
#boxer .boxer-close{background:#20985f url(../images/icon/icon_Img.png) no-repeat 0 0px; cursor:pointer; display:block; height:50px; position:fixed; right:20px; top:20px; width:50px;text-indent:-99999px; z-index:106;}
#boxer .boxer-close:hover{ background:#004ea2 url(../images/icon/icon_Img.png) no-repeat 0px 0px;}
#boxer .boxer-arrow{background:rgba(0, 0, 0, 0.67) url(../images/icon/icon_Img.png) no-repeat 0 -50px; cursor:pointer; display:block; height:50px; margin:0 auto; position: absolute; text-indent:-99999px; top:50px; width:50px;}
#boxer .boxer-arrow.previous{left:0px;}
#boxer .boxer-arrow.previous:hover{background:#004ea2 url(../images/icon/icon_Img.png) no-repeat 0 -50px; left:0px;}
#boxer .boxer-arrow.next{background-position:-50px -50px; right:0px;}
#boxer .boxer-arrow.next:hover{background:#004ea2 url(../images/icon/icon_Img.png) no-repeat -50px -50px;  right:0px;}
#boxer .boxer-position{color:#999; font-size:12px; margin:0; padding:10px 0 6px; box-sizing: border-box;}
#boxer .boxer-caption p{margin:0;padding:0; font-size:18px; box-sizing: border-box;}
#boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;}
#boxer .boxer-position{ display: none;}
#boxer.loading .boxer-container{background: #fff url(../images/icon/loading.gif) no-repeat center;}

/* indexProduct */
.indexProduct{ width: 100%; height: 100vh; position: relative; z-index: 2; overflow: hidden;}
.indexProduct .boxThumb{ position: absolute !important; top: 300px; left:0; width: 100%;margin: 0 !important; overflow: hidden; z-index: 3 !important; transition: all 1.5s ease;}
.indexProduct .productThumb{ width: 1000px;margin: 0 !important;}
.indexProduct .productThumb .swiper-slide{ position: relative; opacity: 0.8; transition: all 0.8s ease;}
.indexProduct .productThumb .swiper-slide::after{ content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 18px; margin-top: -9px; background-color: #fff;}
.indexProduct .productThumb .swiper-slide:last-child::after{ display: none;}
.indexProduct .productThumb .swiper-slide a{ font-size: 20px; color: #fff; line-height: 30px; padding: 0 15px; box-sizing: border-box; transition: all 0.8s ease; text-transform: capitalize;}
.indexProduct .productThumb .swiper-slide a span{ display: inline-block; width: 28px; height: 28px; background-size: 28px 28px !important; vertical-align: middle; margin:-3px 5px 0 0;  overflow: hidden;}
.indexProduct .productThumb .swiper-slide a span.i1{ background:rgba(255, 255, 255, 0) url(../images/icon/icon_pro01.svg) center no-repeat;}
.indexProduct .productThumb .swiper-slide a span.i2{ background:rgba(255, 255, 255, 0) url(../images/icon/icon_pro02.svg) center no-repeat;}
.indexProduct .productThumb .swiper-slide a span.i3{ background:rgba(255, 255, 255, 0) url(../images/icon/icon_pro03.svg) center no-repeat;}
.indexProduct .productThumb .swiper-slide a span.i4{ background:rgba(255, 255, 255, 0) url(../images/icon/icon_pro04.svg) center no-repeat;}
.indexProduct .productThumb .swiper-slide a span.i5{ background:rgba(255, 255, 255, 0) url(../images/icon/icon_pro05.svg) center no-repeat;}
.indexProduct .productThumb .swiper-slide:nth-child(1){ width: 250px !important;}
.indexProduct .productThumb .swiper-slide:nth-child(2){ width: 230px !important;}
.indexProduct .productThumb .swiper-slide:nth-child(3){ width: 180px !important;}
.indexProduct .productThumb .swiper-slide:nth-child(4){ width: 140px !important;}
.indexProduct .productThumb .swiper-slide:nth-child(5){ width: 200px !important;}
.indexProduct .productThumb .swiper-slide:nth-child(1) a{ padding-left: 0;}
.indexProduct .productThumb .swiper-slide.swiper-slide-thumb-active{ opacity: 1; }
.indexProduct .productThumb .swiper-slide.swiper-slide-thumb-active::after{ opacity: 0.6;}
.indexProduct .productItem{ width: 100vw; height: 100vh;position: relative; z-index: 2; margin: 0 !important;}
.indexProduct .productItem .swiper-slide{  background-size: cover !important;}
.indexProduct .productItem .swiper-slide .box{ padding-top: 370px; box-sizing: border-box;}
.indexProduct .productItem .swiper-slide .box .tit{  font-size: 36px;  color: #fff;line-height: 56px; transition: all 0.8s ease;}
.indexProduct .productItem .swiper-slide .box .indexMore{ margin-top: 50px;}



/* pageYctyt01 */
.pageYctyt01{ width: 100%; padding: 100px 0;   background-color: #f4f8fb;  position: relative; overflow: hidden; box-sizing: border-box;}
.pageYctyt01 .box{ width: 100%;}
.pageYctyt01 .box .text{ width: 50%; padding-right: 5%; font-size: 26px; line-height: 48px; color: #333; box-sizing: border-box;}
.pageYctyt01 .box .img{ width: 50%; position: relative;}
.pageYctyt01 .box .img img{ width: 100%; display: block; position: relative; z-index: 2; }


/* pageYctyt02 */
.pageYctyt02{ width: 100%; padding: 0 0 0;min-width: 1200px; position: relative; overflow: hidden; box-sizing: border-box;}
/* yctytQcly */
.yctytQcly{ padding: 100px 0; margin: 0 auto 0; position: relative; background-color: #fff; width: 100%; overflow: hidden; box-sizing: border-box;}
.yctytQcly .box{ width: 80%; margin: 300px auto 200px; position: relative;}
.yctytQcly .qcimg{ width: 100%; position: relative; z-index: 1;}
.yctytQcly .qcimg img{ width: 100%; position: relative; display: block; opacity: 1;}
.yctytQcly .qnav{ width: 30px; height: 30px;position: absolute; bottom: 0; border-radius: 50%;  transition: all 0.8s ease; z-index: 4; cursor: pointer; transform: scale(0.8);}
.yctytQcly .qnav.n1{ bottom: 58%; left: 5.2%;}
.yctytQcly .qnav.n2{ bottom: 51%; left: 11.9%;}
.yctytQcly .qnav.n3{ bottom: 66.98%; left: 19.60%;}
.yctytQcly .qnav.n4{ bottom: 40.98%; left: 24.47%;}
.yctytQcly .qnav.n5{ bottom: 19.13%; left: 39.06%;}
.yctytQcly .qnav.n6{ bottom: 49.44%; left: 43.75%;}
.yctytQcly .qnav.n7{ top: 3%; right: 45.41%;}
.yctytQcly .qnav.n8{ bottom: 19.13%; right: 43.60%;}
.yctytQcly .qnav.n9{ top: 19.20%; right: 33.33%;}
.yctytQcly .qnav.n10{ top: 28.70%; right: 27.60%;}
.yctytQcly .qnav.n11{ top: 31.9%; right: 20.24%;}
.yctytQcly .qnav.n12{ top: 49.22%; right: 17.10%;}
.yctytQcly .qnav.n13{ top:35.70%; right: 14.60%;}
.yctytQcly .qnav.n14{ bottom: 42.98%; right: 10.2%;}
.yctytQcly .qnav::after{ content: ''; width: 30px; height: 30px; position: absolute; z-index: 1; top: 0; left: 0; background-color: rgba(255, 0, 60,0.6) ; border-radius: 50%; transition: all 0.8s ease; -webkit-animation: zoomBig 2s linear infinite; animation: zoomBig 2s linear infinite; }
.yctytQcly .qnav::before{ content: ''; width: 60px; height: 60px; position: absolute; top: -15px; left: -15px; z-index: 0; border-radius: 50%; background-color: rgba(255, 0, 60, 0.3); transform: scale(0.5); opacity: 1; transition: all 0.8s ease; -webkit-animation: zoomBig 2s linear infinite; animation: zoomBig 2s linear infinite;}
.yctytQcly .qnav p{ position: relative; display: inline-block; z-index: 2; width: 10px; height: 10px; margin: 10px; background-color: rgba(255, 255, 255, 0.7); border-radius: 50%; transition: all 0.8s ease;}
.yctytQcly .qcly02Item { position: absolute; z-index: 3;}
.yctytQcly .qcly02Item .info { position: relative;}
.yctytQcly .qcly02Item .info .pro{ width: 60px; display: inline-block; vertical-align: bottom;}
.yctytQcly .qcly02Item .info .pro img{ width: 100%;}
.yctytQcly .qcly02Item .info .tit{ padding:0 30px 10px 0; box-sizing: border-box; border-bottom: dashed 2px rgba(0,78,162,0.4); display: inline-block; vertical-align: bottom; font-size: 16px; color: #333; }
.yctytQcly .qcly02Item.r .info .tit{ padding: 0 0 10px 30px;}
.yctytQcly .qcly02Item .l1{ width: 120px;  height: 2px; display: none; position: absolute;  border-bottom: dashed 2px rgba(0,78,162,0.4);  }
.yctytQcly .qcly02Item.item1{ bottom: 58%; left: 5.2%; margin:0 0 15px -240px;}
.yctytQcly .qcly02Item.item1 .tit{ padding-right: 80px;}
.yctytQcly .qcly02Item.item2{ bottom: 85%; left: 11.9%; margin:0 0 15px -215px; }
.yctytQcly .qcly02Item.item2 .tit{ padding-right: 40px;}
.yctytQcly .qcly02Item.item2 .l1{ display: block; left: 145px; bottom: -58px; transform: rotate(68deg);}
.yctytQcly .qcly02Item.item3{ bottom: 105%; left: 19.60%; margin:0 0 15px -165px; }
.yctytQcly .qcly02Item.item3 .tit{ padding-right: 40px;}
.yctytQcly .qcly02Item.item3 .l1{ display: block; left: 110px; width: 140px; bottom: -70px; transform: rotate(90deg);}
.yctytQcly .qcly02Item.item4{ bottom: 125%;left: 24.47%; margin:0 0 15px -175px; }
.yctytQcly .qcly02Item.item4 .tit{ padding-right: 40px;}
.yctytQcly .qcly02Item.item4 .l1{ display: block; left: 33px; width: 320px; bottom: -160px; transform: rotate(90deg);}
.yctytQcly .qcly02Item.item5{ bottom: -18%; left: 39.06%; margin:0 0 15px -195px; }
.yctytQcly .qcly02Item.item5 .tit{ padding-right: 40px;}
.yctytQcly .qcly02Item.item5 .l1{ display: block; left: 160px; width: 100px; bottom: 50px; transform: rotate(90deg);}
.yctytQcly .qcly02Item.item6{ bottom: 105%; left: 43.75%; margin:0 0 15px -160px; }
.yctytQcly .qcly02Item.item6 .tit{ padding-right: 0; max-width: 120px; }
.yctytQcly .qcly02Item.item6 .l1{ display: block; left: 80px; width: 210px; bottom: -105px; transform: rotate(90deg);}
.yctytQcly .qcly02Item.item7{ bottom: 129%; right: 45.41%; margin:0 18px 15px 0; }
.yctytQcly .qcly02Item.item7 .tit{ padding-right: 20px; max-width: 150px; }
.yctytQcly .qcly02Item.item7 .l1{ display: block; left: 148px; width: 140px; bottom: -70px; transform: rotate(90deg);}
.yctytQcly .qcly02Item.item8{ bottom: -40%; right: 43.60%; margin:0 -230px 15px 0; }
.yctytQcly .qcly02Item.item8 .l1{ display: block; right: 142px; width: 200px; bottom: 98px; transform: rotate(90deg);}
.yctytQcly .qcly02Item.item9{ bottom: 152%; right: 33.33%; margin:0 -169px 15px 0; }
.yctytQcly .qcly02Item.item9 .l1{ display: block; right: 48px; width: 270px; bottom: -135px; transform: rotate(90deg);}
.yctytQcly .qcly02Item.item10{ bottom: 132%; right: 27.60%; margin:0 -173px 15px 0; }
.yctytQcly .qcly02Item.item10 .l1{ display: block; right: 72px; width: 230px; bottom: -115px; transform: rotate(90deg);}
.yctytQcly .qcly02Item.item11{ bottom: 107%; right: 20.24%; margin:0 -156px 15px 0; }
.yctytQcly .qcly02Item.item11 .l1{ display: block; right: 90px; width: 160px; bottom: -80px; transform: rotate(90deg);}
.yctytQcly .qcly02Item.item12{ bottom: -28%; right: 17.10%; margin:0 -247px 15px 0; }
.yctytQcly .qcly02Item.item12 .l1{ display: block; right: 138px; width: 240px; bottom: 118px; transform: rotate(90deg);}
.yctytQcly .qcly02Item.item13{ bottom: 70.5%; right: 14.60%; margin:0 -175px 15px 0; }
.yctytQcly .qcly02Item.item13 .tit{ padding-left: 65px  ;}
.yctytQcly .qcly02Item.item13 .l1{ display: block; right: 168px; width: 40px; bottom: -20px; transform: rotate(90deg);}
.yctytQcly .qcly02Item.item14{ bottom:  42.98%; right: 10.2%; margin:0 -300px 15px 0;}
.yctytQcly .qcly02Item.item14 .tit{ padding-left: 120px  !important;}


/* yctytBpjd */
.yctytBpjd{ padding: 100px 0; margin: 0 auto ; position: relative; background-color: #f4f8fb; width: 100%; overflow: hidden; box-sizing: border-box;}
.yctytBpjd ul{ text-align: center;margin: 60px auto 0; padding:80px 40px ;  box-sizing: border-box; background-color: #fff; border-radius: 5px; box-shadow: 0 0 20px rgba(0,0,0,0.03);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.03);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.03);}
.yctytBpjd ul li{ box-sizing: border-box; position: relative; padding: 0 10px;}
.yctytBpjd ul li .jd{ width: 100%; position: relative;margin-bottom: 20px;}
.yctytBpjd ul li .jd img{ max-width: 100%; display: block;}
.yctytBpjd ul li .dj{width: 100%; position: relative; padding-bottom: 30px;}
.yctytBpjd ul li .dj img{ max-width: 100%; display: inline-block; position: relative; z-index: 1;}
.yctytBpjd ul li .dj::after{ content: ''; position: absolute; width: 0; left: 50%;margin-left: -1px; border-left: dashed 2px rgba(0,78,162,0.4);z-index: 2;}
.yctytBpjd ul li .tit{ font-size: 18px; color: #333;}
.yctytBpjd ul li:nth-child(1) .dj::after{ height: 100px; bottom: -20px;}
.yctytBpjd ul li:nth-child(2) .dj{ padding-top: 30px; padding-bottom: 0;}
.yctytBpjd ul li:nth-child(2) .dj::after{ height: 100px; top: -20px;}
.yctytBpjd ul li:nth-child(3) .dj::after{ height: 60px; bottom: -10px;}
.yctytBpjd ul li .qnav{ width: 30px; height: 30px;position: absolute; bottom: 0; border-radius: 50%;  transition: all 0.8s ease; z-index: 4; cursor: pointer; transform: scale(0.8); left: 50%; margin-left: -15px;}
.yctytBpjd ul li .qnav.n1{ bottom: 70px; }
.yctytBpjd ul li .qnav.n2{ top: 50px; }
.yctytBpjd ul li .qnav.n3{ bottom: 40px; }
.yctytBpjd ul li .qnav::after{ content: ''; width: 30px; height: 30px; position: absolute; z-index: 1; top: 0; left: 0; background-color: rgba(255, 0, 60,0.6) ; border-radius: 50%; transition: all 0.8s ease; -webkit-animation: zoomBig 2s linear infinite; animation: zoomBig 2s linear infinite; }
.yctytBpjd ul li .qnav::before{ content: ''; width: 60px; height: 60px; position: absolute; top: -15px; left: -15px; z-index: 0; border-radius: 50%; background-color: rgba(255, 0, 60, 0.3); transform: scale(0.5); opacity: 1; transition: all 0.8s ease; -webkit-animation: zoomBig 2s linear infinite; animation: zoomBig 2s linear infinite;}
.yctytBpjd ul li .qnav p{ position: relative; display: inline-block; z-index: 2; width: 10px; height: 10px; margin: 10px; background-color: rgba(255, 255, 255, 0.7); border-radius: 50%; transition: all 0.8s ease;}


/* pageYctyt03 */
.pageYctyt03{ width: 100%; min-width: 1200px; height: 800px; padding: 100px 0; position: relative; overflow: hidden; box-sizing: border-box;}
.pageYctyt03 .videoBox{ width: 100%; position: absolute; left: 0; top: 0; z-index: 1; height: 100%; background-color: #000;}
.pageYctyt03 .videoBox video{width:auto;height: auto; min-width: 100%; min-height: 100%; object-fit: fill; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1; opacity: 0.5;}
.pageYctyt03 .wrap{ position: relative; z-index: 2;}
.playsp{ color: #fff; width: 210px; text-align: center; margin:160px auto 0;}
.playsp .icon{background-color: rgba(255, 255, 255, 0.2);  width: 80px; display: inline-block; height: 80px; margin: auto; border-radius: 50%; position: relative; transition: all 0.8s ease; }
.playsp .icon .iconfont{ text-align: center; z-index: 2; position: relative ; width: 80px; text-align: center; line-height: 80px; font-size: 46px; color: rgba(255, 255, 255, 0.6); transition: all 0.8s ease;}
.playsp .icon:hover{ background-color: rgba(255, 255, 255, 0.8); }
.playsp .icon:hover .iconfont{color: #004ea2; }
.playsp .t{ font-size: 20px; color: rgba(255, 255, 255, 0.7); margin:20px 0 0 0; line-height: 30px;}


/* pageYctyt04 */
.pageYctyt04{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; box-sizing: border-box;}
.pageYctyt04 .box{ width: 100%; margin-top: 60px;}
.pageYctyt04 .box table{ border: 0; border-collapse: initial;}
.pageYctyt04 .box table tr{ border: 0; text-align: center;}
.pageYctyt04 .box table tr th{ border:0; font-size: 20px; color: #333; background-color: rgba(32, 152, 92, 0.05); padding:20px 10px; box-sizing: border-box;}
.pageYctyt04 .box table tr td{  border: 0; font-size: 18px; color: #333; background-color: rgba(32, 152, 92, 0.05); padding:15px 10px; box-sizing: border-box;}
.pageYctyt04 .box table tr td img{ max-width: 80%; display: inline-block;}
.pageYctyt04 .box table tr p{ font-size: 16px;font-weight: normal; color: #666; text-transform: capitalize; margin-top: 5px;}
.pageYctyt04 .box table tr.t1 td{ border-top: solid 6px #fff; box-sizing: border-box;}
.pageYctyt04 .box table tr th:nth-child(1),.pageYctyt04 .box table tr td:nth-child(1),.pageYctyt04 .box table tr th:nth-child(3),.pageYctyt04 .box table tr td:nth-child(3){ width: 15%;}
.pageYctyt04 .box table tr th:nth-child(2),.pageYctyt04 .box table tr td:nth-child(2){ width: 25%;}
.pageYctyt04 .box table tr th:nth-child(2n-1),.pageYctyt04 .box table tr td:nth-child(2n-1){ background-color: rgba(32, 152, 92, 0.10);}


/* pageYctyt05 */
.pageYctyt05{ width: 100%; padding: 100px 0;  background: url(../images/product/yctyt/yctyt01Bg.jpg)  center no-repeat; background-size: cover;  position: relative; overflow: hidden; box-sizing: border-box;}
.pageYctyt05 .box{ width: 100%; margin-top: 60px;}
.pageYctyt05 .box table{ border: 0;  border-collapse: initial;}
.pageYctyt05 .box table tr{ border: 0; text-align: center;}
.pageYctyt05 .box table tr th{ border:0; font-size: 20px;  color: #333; background-color:  rgba(0,78,162,0.1); padding:20px 10px; box-sizing: border-box;}
.pageYctyt05 .box table tr th.h1{background-color:  rgba(0,78,162,0.2);}
.pageYctyt05 .box table tr td{ border: 0; width: 11%; font-size: 18px; color: #333; background-color: rgba(0,78,162,0.05); padding:15px 10px; box-sizing: border-box;}
.pageYctyt05 .box table tr td.d1{background-color:  rgba(0,78,162,0.1);}
.pageYctyt05 .box table tr p{ font-size: 16px;font-weight: normal; color: #666; text-transform: capitalize; margin-top: 5px;}


/* pageYctyt06 */
.pageYctyt06{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; box-sizing: border-box;}
.pageYctyt06 ul{ width: 100%; margin-top: 60px; }
.pageYctyt06 ul li{margin: 0 3% 3% 0; width: 31.33%; border-radius: 5px; text-align: center; border: solid 1px #eee; padding: 30px; box-sizing: border-box;}
.pageYctyt06 ul li:nth-child(3n){ margin-right: 0;}
.pageYctyt06 ul li:nth-child(n+4){ margin-bottom: 0;}
.pageYctyt06 ul li .tit{ font-size: 24px; color: #004ea2 ; margin-bottom: 20px;}
.pageYctyt06 ul li .img{ width: 100%;}
.pageYctyt06 ul li .img img{ width: 100%; display: block;}

/* pageYctyt07 */
.pageYctyt07{ width: 100%; padding: 100px 0;  background: url(../images/product/yctyt/yctyt01Bg.jpg)  center no-repeat; background-size: cover;  position: relative; overflow: hidden; box-sizing: border-box;}
.pageYctyt07 .box{ width: 100%; margin-top: 60px;}
.pageYctyt07 .box table{ border: 0;  border-collapse: initial;}
.pageYctyt07 .box table tr{ border: 0; text-align: center;}
.pageYctyt07 .box table tr td{ border: 0; width: 11%; font-size: 18px; color: #333; background-color: rgba(0,78,162,0.05); padding:20px 10px; box-sizing: border-box;}
.pageYctyt07 .box table tr td span{  margin-left: 5px;}
.pageYctyt07 .box table tr td:first-child{ text-align: left; padding: 0 50px; width: 30%;}

/* pageRcxl01 */
.pageRcxl01{ width: 100%; padding: 100px 0;   background-color: #f4f8fb; position: relative; overflow: hidden; box-sizing: border-box;}
.pageRcxl01 .box{ width: 100%;}
.pageRcxl01 .box .text{ width: 55%; padding-right: 5%; font-size: 26px; line-height: 48px; color: #333; box-sizing: border-box;}
.pageRcxl01 .box .img{ width: 45%; position: relative;}
.pageRcxl01 .box .img img{ width: 100%; display: block; position: relative; z-index: 2; }



/* pageRcxl02 */
.pageRcxl02{ width: 100%; padding: 100px 0 ;min-width: 1200px; position: relative; overflow: hidden; box-sizing: border-box;}
.pageRcxl02 .rcxl02Box{ margin-top: 60px; width: 100%;}
.pageRcxl02 .rcxl02Box .swiper-slide{ position: relative; overflow: hidden; }
.pageRcxl02 .rcxl02Box .swiper-slide .img{ width: 100%; border-radius: 5px; overflow: hidden; overflow: hidden; position: relative; z-index: 1; background-color: #000;}
.pageRcxl02 .rcxl02Box .swiper-slide .img img{ width: 100%; display: block; position: relative; z-index: 1; opacity: 0.4; transition: all 0.8s ease;}
.pageRcxl02 .rcxl02Box .swiper-slide .img::after{ content: ''; position: absolute; left: 0; bottom:  0; width: 100%; height: 60%;  z-index: 2;  opacity: 0; background: linear-gradient(0,rgba(0,0,0,0.6) 0,rgba(0,0,0,0)); transition: all 0.8s ease;}
.pageRcxl02 .rcxl02Box .swiper-slide .info{ position: absolute; left: 0; bottom: 0; padding:0 50px 40px ; width: 100%; z-index: 3;opacity: 0; transition: all 0.8s ease; box-sizing: border-box;}
.pageRcxl02 .rcxl02Box .swiper-slide .info .tit{ font-size: 24px; color: #fff;}
.pageRcxl02 .rcxl02Box .swiper-slide .info .txt{ font-size: 18px; line-height: 30px; color: #fff; margin-top: 15px;}
.pageRcxl02 .rcxl02Box .swiper-slide .info .txt span{ display: inline-block;  position: relative; padding-right: 15px; margin-right: 15px; line-height: 30px; box-sizing: border-box;}
.pageRcxl02 .rcxl02Box .swiper-slide .info .txt span::after{ content: ''; position: absolute; right: 0;  top: 50%; height: 18px; margin-top: -9px; width: 1px; background-color: rgba(255, 255, 255, 0.7);}
.pageRcxl02 .rcxl02Box .swiper-slide .info .txt span:last-child{ margin-right: 0; padding-right: 0;}
.pageRcxl02 .rcxl02Box .swiper-slide .info .txt span:last-child::after{ display: none;}
.pageRcxl02 .rcxl02Box .swiper-slide.swiper-slide-active .img::after{opacity: 1;}
.pageRcxl02 .rcxl02Box .swiper-slide.swiper-slide-active img{ opacity: 1;}
.pageRcxl02 .rcxl02Box .swiper-slide.swiper-slide-active .info{ opacity: 1;}
.pageRcxl02 .swiper-button-prev,.pageRcxl02  .swiper-button-next{ width: 70px; line-height: 70px; height: 70px; font-size: 24px; color: #fff; border-radius: 50%; background-color: #004ea2;  transition: all 0.8s ease;}
.pageRcxl02 .swiper-button-prev::after,.pageRcxl02 .swiper-button-next::after{display: none;}
.pageRcxl02 .swiper-button-prev{ left: 17.5%;}
.pageRcxl02 .swiper-button-next{ right: 17.5%; transform: rotate(180deg);}
.pageRcxl02 .swiper-button-prev:hover,.pageRcxl02  .swiper-button-next:hover{ background-color: #20985f; }


/* pageRcxl03 */
.pageRcxl03{ width: 100%; min-width: 1200px; height: 800px; padding: 100px 0; position: relative; overflow: hidden; box-sizing: border-box;}
.pageRcxl03 .videoBox{ width: 100%; position: absolute; left: 0; top: 0; z-index: 1; height: 100%; background-color: #000;}
.pageRcxl03 .videoBox video{width:auto;height: auto; min-width: 100%; min-height: 100%; object-fit: fill; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1; opacity: 0.5;}
.pageRcxl03 .wrap{ position: relative; z-index: 2;}


/* pageRcxl04 */
.pageRcxl04{ width: 100%;  padding: 100px 0 ;  position: relative; background-color: #fff; box-sizing: border-box;}
.pageRcxl04 .rcxl04Thumb{ width: 420px; margin:60px auto 0; }
.pageRcxl04 .rcxl04Thumb .swiper-slide{ text-align: center;border-radius: 5px; overflow: hidden;}
.pageRcxl04 .rcxl04Thumb .swiper-slide a{ display: inline-block; width: 100%; line-height: 56px; color: #333; font-size: 20px; background-color: #f4f8fb; transition: all 0.8s ease;}
.pageRcxl04 .rcxl04Thumb .swiper-slide.swiper-slide-thumb-active a{ background-color: #004ea2; color: #fff;}
.pageRcxl04 .rcxl04Item{ width: 100%; margin: 0 auto ;}
.pageRcxl04 .rcxl04Item .swiper-slide{ width: 100%; opacity: 0 !important;background-color: #fff;}
.pageRcxl04 .rcxl04Item .swiper-slide.swiper-slide-active{ opacity: 1 !important;}

.pageRcxl04 .box{ width: 100%;  margin: 60px auto 0; }
.pageRcxl04 .box table{ border: 0;  border-collapse: initial;}
.pageRcxl04 .box table tr{ border: 0; text-align: center;}
.pageRcxl04 .box table tr th{ border:0; font-size: 20px;  color: #333; background-color:  rgba(0,78,162,0.1); padding:20px 10px; box-sizing: border-box;}
.pageRcxl04 .box table tr th.h1{background-color:  rgba(0,78,162,0.2);}
.pageRcxl04 .box table tr td{ border: 0; width: 11%; font-size: 18px; color: #333; background-color: rgba(0,78,162,0.05); padding:15px 10px; box-sizing: border-box;}
.pageRcxl04 .box table tr td.d1{background-color:  rgba(0,78,162,0.1);}
.pageRcxl04 .box table tr.t1 td{ border-top: solid 6px #fff;}
.pageRcxl04 .box table tr p{padding: 5px 0; display: block;}
.pageRcxl04 .box table tr span{ display: inline-block; margin: 0 10px;}
.pageRcxl04 .box .txt{ font-size: 16px; color: #333; margin-top: 20px;}
.pageRcxl04 .box .txt span{ display: inline-block; margin-right: 40px;}
.pageRcxl04 ul.list{ width: 100%; margin-top: 60px; padding-bottom: 2px; }
.pageRcxl04 ul.list li{margin: 0 4% 0 0; width: 48%; text-align: center; border: solid 1px #eee; padding: 30px; box-sizing: border-box;}
.pageRcxl04 ul.list li:nth-child(2n){ margin-right: 0;}
.pageRcxl04 ul.list li .img{ width: 100%;}
.pageRcxl04 ul.list li .img img{ width: 100%; display: block;}


/* pageRcxl05 */
.pageRcxl05{ width: 100%;  padding: 100px 0 ;  position: relative; background-color: #f4f8fb; box-sizing: border-box;}
.pageRcxl05 ul{ margin-top: 60px; width: 100%;column-count: 3; -moz-column-count:3; -webkit-column-count:3; column-gap: 30px;}
.pageRcxl05 ul li{ width: 100%; margin: 0 0; padding-bottom: 30px; position: relative; overflow: hidden;}
.pageRcxl05 ul li a{ display: inline-block; width: 100%; position: relative;}
.pageRcxl05 ul li .img{ width: 100%; position: relative;  border-radius: 5px; z-index: 1; overflow: hidden;}
.pageRcxl05 ul li .img img{ width: 100%; display: block;position: relative; z-index: 1; transition: all 0.8s ease;}
.pageRcxl05 ul li .tit{ position: absolute; left: 0; top: 30px;text-align: center; font-size: 20px; color: #333; z-index: 2; padding:0 20px ; width: 100%; box-sizing: border-box;}
.pageRcxl05 ul li a:hover img{ transform: scale(1.05);}

/* pageRcxl06 */
.pageRcxl06{ width: 100%;  padding: 100px 0 ;  position: relative; background-color: #fff; box-sizing: border-box;}
.pageRcxl06 .rcxl06Thumb{ width: 600px; margin:60px auto 0; }
.pageRcxl06 .rcxl06Thumb .swiper-slide{ text-align: center;border-radius: 5px; overflow: hidden;}
.pageRcxl06 .rcxl06Thumb .swiper-slide a{ display: inline-block; width: 100%; line-height: 56px; color: #333; font-size: 20px; background-color: #f4f8fb; transition: all 0.8s ease;}
.pageRcxl06 .rcxl06Thumb .swiper-slide.swiper-slide-thumb-active a{ background-color: #004ea2; color: #fff;}
.pageRcxl06 .rcxl06Item{ width: 100%; margin: 60px auto 0;}
.pageRcxl06 .rcxl06Item .swiper-slide{ width: 100%; opacity: 0 !important;background-color: #fff;}
.pageRcxl06 .rcxl06Item .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.pageRcxl06 .rcxl06Item .text{ font-size:18px; color: #333; line-height: 46px;}
.pageRcxl06 .rcxl06Item .text p{ text-indent: 2em;}

.pageRcxl06 .rcxl06Item ul.u3{ width: 100%; margin-top: 60px; }
.pageRcxl06 .rcxl06Item ul.u3 li{margin: 0 3% 3% 0; width: 31.33%; border-radius: 5px; text-align: center; border: solid 1px #eee; padding: 30px; box-sizing: border-box; background-color: #fff;}
.pageRcxl06 .rcxl06Item ul.u3 li:nth-child(3n){ margin-right: 0;}
.pageRcxl06 .rcxl06Item ul li .tit{ font-size: 20px; color: #004ea2; margin-bottom: 20px;}
.pageRcxl06 .rcxl06Item ul li .img{ width: 100%;}
.pageRcxl06 .rcxl06Item ul li .img img{ width: 100%; display: block;}
.pageRcxl06 .rcxl06Item ul.u2{  background-color: #fff; border-radius: 5px; border: solid 1px #eee; box-sizing: border-box; padding: 30px;}
.pageRcxl06 .rcxl06Item ul.u2 .stit{ text-align: center; width: 100%; font-size: 24px; color: #004ea2; margin-bottom: 3%;}
.pageRcxl06 .rcxl06Item ul.u2 li{ width: 50%; box-sizing: border-box; padding:0 3%; text-align: center;}
.pageRcxl06 .rcxl06Item ul.u2 li:nth-child(2n){ margin-right: 0;}
.pageRcxl06 .rcxl06Item ul.u2 .tit{ margin-top: 20px; margin-bottom: 0;}
.pageRcxl06 .rcxl06Item ul.u4{ width: 100%; margin-top: 60px; }
.pageRcxl06 .rcxl06Item ul.u4 li{margin: 0 3% 3% 0; width: 48.5%; border-radius: 5px; text-align: center; border: solid 1px #eee; padding: 30px; box-sizing: border-box; background-color: #fff;}
.pageRcxl06 .rcxl06Item ul.u4 li:nth-child(2n){ margin-right: 0;}


/* proNavBox */
.proNavBox{ width: 100%;  padding: 100px 0 0 0;  position: relative; background-color: #f4f8fb; box-sizing: border-box;}
.proNavBox.proNavBox1{ background-color: #fff;}
.proNavBox .proNav1{ width: 100%;padding-top: 40px; box-sizing: border-box;}
.proNavBox .proNav1 li{ margin: 0 20px; position: relative; height: 60px; width: 240px; border: solid 1px #ddd; border-radius: 5px; overflow: hidden; box-sizing: border-box;}
.proNavBox .proNav1 li a{ display: inline-block; width: 100%; position: relative; z-index: 2; text-align: center; line-height: 58px; padding: 0 10px; font-size: 20px; color: #333;  transition: all 0.8s ease;overflow: hidden; box-sizing: border-box;}
.proNavBox .proNav1 li::after{content: ''; position: absolute; left: -105%; top: 0; z-index: 1; height: 100%; width: 100%; background-color: #004ea2; transition: all 0.8s ease;}
.proNavBox .proNav1 li:hover::after,.proNavBox .proNav1 li.on::after{ left: 0;}
.proNavBox .proNav1 li:hover a,.proNavBox .proNav1 li.on a{ color: #fff;}

.proNavBox .proNav2{ padding-top: 40px; /* border-bottom: solid 1px #eee; */ box-sizing: border-box;}
.proNavBox .proNav2 li{  position: relative; margin: 0 1px; border-radius: 5px 5px 0 0; overflow: hidden;}
.proNavBox .proNav2 li a{ display: inline-block; padding: 0 40px; font-size: 18px; color: #333; line-height: 60px; transition: all 0.8s ease; box-sizing: border-box;}
.proNavBox .proNav2 li.on a,.proNavBox .proNav2 li:hover a{ background-color: #fff; color: #004ea2; }


/* pageProduct */
.pageProduct{ width: 100%;  position: relative; padding-bottom: 80px; overflow: hidden;}
.pageProduct .productThumb{ margin: 50px auto 0; width: 800px; box-sizing: border-box;}
.pageProduct .productThumb.t4{ width: 700px;}
.pageProduct .productThumb.t3{ width: 600px;}
.pageProduct .productThumb.t2{ width: 800px;}
.pageProduct .productThumb .swiper-slide{  text-align: center; position: relative;  border-radius: 5px 5px 0 0; overflow: hidden;}
.pageProduct .productThumb .swiper-slide a{ display: inline-block; width: 100%; padding: 0 20px; font-size: 20px; color: #333; line-height: 56px; transition: all 0.8s ease; box-sizing: border-box;}
.pageProduct .productThumb .swiper-slide.on a,.proNavBox .proNav2 li:hover a{ background-color: #fff; color: #004ea2; }
.pageProduct .productThumb .swiper-slide.swiper-slide-thumb-active a{background-color: #fff; color: #004ea2;}


.pageProduct .productItem{ width: 100%;}
.pageProduct .productItem .swiper-slide{ width: 100%; opacity: 0 !important;background-color: #fff;}
.pageProduct .productItem .swiper-slide.swiper-slide-active{ opacity: 1 !important;}


.pageProduct .proBox{ width: 100%; padding: 20px 0; box-sizing: border-box;}
.pageProduct .list{ width: 100%; padding: 80px 0 0 0 ; box-sizing: border-box;}
.pageProduct .list li{ width: 23.5%; margin:0 2% 2%  0;  background-color: #fff; position: relative;}
.pageProduct .list li a{ height: 100%; display: block;border-radius: 5px; overflow: hidden; border: solid 1px #eee; transition: all 0.8s ease; box-sizing: border-box;}
.pageProduct .list li:nth-child(4n){ margin-right: 0;}
.pageProduct .list li .img{ width: 100%; position: relative; overflow: hidden;}
.pageProduct .list li .img img{ width: 100%; display: block; position: relative; transition: all 0.8s ease;}
.pageProduct .list li .tit{ padding: 20px 20px; width: 100%; text-align: center;   font-size: 20px; color: #333; line-height: 30px; transition: all 0.8s ease; text-transform: capitalize; box-sizing: border-box;}
.pageProduct .list li .tit p{ text-align: left; }
.pageProduct .list li .tit span{ color: #20985f;  display: inline-block; transition: all 0.8s ease; box-sizing: border-box;}
.pageProduct .list.u3 li{ width: 32%; margin-right: 2%;}
.pageProduct .list.u3 li:nth-child(3n){ margin-right: 0;}
.pageProduct .list li:hover a{border-color: rgba(255, 255, 255, 0); background-color: #004ea2;}
.pageProduct .list li:hover img{ transform: scale(1.1);}
.pageProduct .list li:hover .tit{  color: #fff;}
.pageProduct .list li:hover .tit span{ color: #fff;}




/* pageProductFile */
.pageProductFile{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; background: #f4f8fb; box-sizing: border-box;}
.pageProductFile ul{ width: 100%; margin: 40px auto 0;}
.pageProductFile ul li{ width: 23.5%; margin: 2% 2% 0  0; background-color: #fff; border: solid 1px #eee; position: relative; transition: all 0.8s ease; box-sizing: border-box;}
.pageProductFile ul li:nth-child(4n){ margin-right: 0;}
.pageProductFile ul li a{  width: 100%; padding: 20px 15px;  position: relative; transition: all 0.8s ease; box-sizing: border-box;}
.pageProductFile ul li .icon{ width: 44px; height: 44px; background: url(../images/icon/icon_pdf.png) center no-repeat; background-size: 44px 44px !important;  transition: all 0.8s ease;}
.pageProductFile ul li .info{ width: calc(100% - 44px); padding-left: 20px; box-sizing: border-box;}
.pageProductFile ul li .info .tit{ font-size: 18px; color: #333; line-height: 30px;  transition: all 0.8s ease;}
.pageProductFile ul li .info .dw{ font-size: 16px; color: #004ea2; margin-top: 0; line-height: 24px;  transition: all 0.8s ease;}
.pageProductFile ul li .info .dw span{ display: inline-block;vertical-align: middle; margin:-2px 0 0 5px; font-size: 22px;}
.pageProductFile ul li:hover{ background-color: #004ea2; border-color: #004ea2;}
.pageProductFile ul li:hover .tit{ color: #fff;}
.pageProductFile ul li:hover .dw{ color: rgba(255, 255, 255, 0.8);}
.pageProductFile ul li:hover .icon{background: url(../images/icon/icon_pdf1.png) center no-repeat;}


/* pageHxq01 */
.pageHxq01{ width: 100%; padding: 100px 0;   background-color: #f4f8fb;  position: relative; overflow: hidden; box-sizing: border-box;}
.pageHxq01 .box{ width: 100%;}
.pageHxq01 .box .text{ width: 55%; padding-right: 5%; font-size: 26px; line-height: 48px; color: #333; box-sizing: border-box;}
.pageHxq01 .box .img{ width:45%; position: relative;}
.pageHxq01 .box .img img{ width: 100%; display: block;  position: relative; z-index: 2; }

/* pageHxq02 */
.pageHxq02{ width: 100%; padding: 100px 0 ;min-width: 1200px; position: relative; overflow: hidden; box-sizing: border-box;}
.pageHxq02 .hxq02Box{ margin-top: 60px; width: 100%;}
.pageHxq02 .hxq02Box .swiper-slide{ position: relative; overflow: hidden; }
.pageHxq02 .hxq02Box .swiper-slide .img{ width: 100%; overflow: hidden; position: relative; z-index: 1; background-color: #000;}
.pageHxq02 .hxq02Box .swiper-slide .img img{ width: 100%; display: block; position: relative; z-index: 1; opacity: 0.4; transition: all 0.8s ease;}
.pageHxq02 .hxq02Box .swiper-slide .img::after{ content: ''; position: absolute; left: 0; bottom:  0; width: 100%; height: 60%;  z-index: 2;  opacity: 0; background: linear-gradient(0,rgba(0,0,0,0.6) 0,rgba(0,0,0,0)); transition: all 0.8s ease;}
.pageHxq02 .hxq02Box .swiper-slide .info{ position: absolute; left: 0; bottom: 0; padding:0 50px 40px ; width: 100%; z-index: 3;opacity: 0; transition: all 0.8s ease; box-sizing: border-box;}
.pageHxq02 .hxq02Box .swiper-slide .info .tit{ font-size: 24px; color: #fff;}
.pageHxq02 .hxq02Box .swiper-slide .info .txt{ font-size: 18px; line-height: 30px; color: #fff; margin-top: 15px;}
.pageHxq02 .hxq02Box .swiper-slide .info .txt span{ display: inline-block;  position: relative; padding-right: 15px; margin-right: 15px; line-height: 30px; box-sizing: border-box;}
.pageHxq02 .hxq02Box .swiper-slide .info .txt span::after{ content: ''; position: absolute; right: 0;  top: 50%; height: 18px; margin-top: -9px; width: 1px; background-color: rgba(255, 255, 255, 0.7);}
.pageHxq02 .hxq02Box .swiper-slide .info .txt span:last-child{ margin-right: 0; padding-right: 0;}
.pageHxq02 .hxq02Box .swiper-slide .info .txt span:last-child::after{ display: none;}
.pageHxq02 .hxq02Box .swiper-slide.swiper-slide-active .img::after{opacity: 1;}
.pageHxq02 .hxq02Box .swiper-slide.swiper-slide-active img{ opacity: 1;}
.pageHxq02 .hxq02Box .swiper-slide.swiper-slide-active .info{ opacity: 1;}
.pageHxq02 .swiper-button-prev,.pageHxq02  .swiper-button-next{ width: 70px; line-height: 70px; height: 70px; font-size: 24px; color: #fff; border-radius: 50%; background-color: #004ea2;  transition: all 0.8s ease;}
.pageHxq02 .swiper-button-prev::after,.pageHxq02 .swiper-button-next::after{display: none;}
.pageHxq02 .swiper-button-prev{ left: 17.5%;}
.pageHxq02 .swiper-button-next{ right: 17.5%; transform: rotate(180deg);}
.pageHxq02 .swiper-button-prev:hover,.pageHxq02  .swiper-button-next:hover{ background-color: #20985f; }

/* pageHxq03 */
.pageHxq03{ width: 100%; min-width: 1200px; height: 800px; padding: 100px 0; position: relative; overflow: hidden; box-sizing: border-box;}
.pageHxq03 .videoBox{ width: 100%; position: absolute; left: 0; top: 0; z-index: 1; height: 100%; background-color: #000;}
.pageHxq03 .videoBox video{width:auto;height: auto; min-width: 100%; min-height: 100%; object-fit: fill; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1; opacity: 0.5;}
.pageHxq03 .wrap{ position: relative; z-index: 2;}

/* pageHxq04 */
.pageHxq04{ width: 100%;  padding: 100px 0 ;  position: relative; background-color: #f4f8fb; box-sizing: border-box; overflow: hidden;}
.pageHxq04 ul{ margin-top: 60px; width: 100%;column-count: 2; -moz-column-count:2; -webkit-column-count:2; column-gap: 30px;}
.pageHxq04 ul li{ width: 100%; margin: 0 0; padding-bottom: 30px; position: relative; overflow: hidden;}
.pageHxq04 ul li a{ display: inline-block; width: 100%; position: relative;}
.pageHxq04 ul  li .img{ width: 100%; position: relative;  border-radius: 5px; z-index: 1; overflow: hidden;}
.pageHxq04 ul li .img img{ width: 100%; display: block;position: relative; z-index: 1; transition: all 0.8s ease;}
.pageHxq04 ul li .tit{ position: absolute; left: 0; top: 30px;text-align: center; font-size: 20px; color: #333333; z-index: 2; padding:0 20px ; width: 100%; box-sizing: border-box;}
.pageHxq04 ul li a:hover img{ transform: scale(1.05);}

/* pageHxq05 */
.pageHxq05{ width: 100%;  padding: 100px 0 ;  position: relative; background-color: #fff; box-sizing: border-box; overflow: hidden;}
.pageHxq05 ul{ width: 100%; position: relative; margin-top: 60px;}
.pageHxq05 ul li{ width: 23.5%; margin-right: 2%; text-align: center;}
.pageHxq05 ul li:last-child{margin-right: 0;}
.pageHxq05 ul li .img{ width: 100%; border-radius: 5px; overflow: hidden; position: relative;}
.pageHxq05 ul li .img img{ width: 100%; display: block; transition: all 0.8s ease;}
.pageHxq05 ul li .tit{ font-size: 24px; color: #333; margin-top: 15px; transition: all 0.8s ease;}
.pageHxq05 ul li:hover img{ transform: scale(1.1);}
.pageHxq05 ul li:hover .tit{ color: #004ea2;}


/* wxnbqAbout */
.wxnbqAbout{ width: 100%; padding: 100px 0;  background-color: #f4f8fb;  position: relative; overflow: hidden; box-sizing: border-box;}
.wxnbqAbout .img{ width: 40%;}
.wxnbqAbout .img img{ border-radius: 5px;}
.wxnbqAbout .img .img1{ width: 100%;margin-bottom: 2%; display: block;}
.wxnbqAbout .img .img2{ width: 59%; margin-right: 2%; display: block;}
.wxnbqAbout .img .img3{ width: 39%; display: block;}
.wxnbqAbout .con{ width: 60%; padding:20px 0 0 6%; box-sizing: border-box;}
.wxnbqAbout .con .pageTitle .txt{ color: #004ea2;}
.wxnbqAbout .con .text{ font-size: 18px; line-height: 38px; color: #333; margin-top:30px;}

/* pageWxnbq01 */
.pageWxnbq01{ width: 100%; padding: 100px 0;  background-color: #f4f8fb;  position: relative; overflow: hidden; box-sizing: border-box;}
.pageWxnbq01 .box{ width: 100%;}
.pageWxnbq01 .box .text{ width: 60%; padding-right: 5%; font-size: 26px; line-height: 48px; color: #333; box-sizing: border-box;}
.pageWxnbq01 .box .img{ width: 40%; position: relative;margin-bottom: 5%;}
.pageWxnbq01 .box .img img{ width: 100%; display: block; position: relative; z-index: 2; }
.pageWxnbq01 .box .img img.img2{ position: absolute; top: 100%; left: 0;opacity: 0.4;}

/* pageWxnbq02 */
.pageWxnbq02{ width: 100%; padding: 100px 0; background-color: #fff; position: relative; overflow: hidden; box-sizing: border-box;}
.pageWxnbq02 ul{ width: 100%; margin: 60px auto 0; position: relative;}
.pageWxnbq02 ul li{ width: 14.2857%;   text-align: center;  padding:0 20px; cursor: pointer; box-sizing: border-box;}
.pageWxnbq02 ul li .iconfont{ font-size: 56px; text-align: center; line-height: 100px; width: 100px; height: 100px; border-radius: 50%; background-color: #004ea2; color: #fff; margin: auto; transition: all 0.8s ease;}
.pageWxnbq02 ul li .tit{ font-size: 24px; text-transform: capitalize; color: #004ea2; font-weight: bold; margin-top: 20px; line-height: 28px;}
.pageWxnbq02 ul li .txt{ font-size: 16px; color: #333; margin-top: 15px; line-height: 24px;}
.pageWxnbq02 ul li:hover .iconfont{ background-color: #004ea2; color: #fff;}
.pageWxnbq02 ul li:hover .tit{ color: #004ea2;}


/* pageWxnbq03 */
.pageWxnbq03{ width: 100%; padding: 100px 0 ;min-width: 1200px; background-color: #f6f6f6; position: relative; overflow: hidden; box-sizing: border-box;}
.pageWxnbq03 .box{ margin-top: 60px; width: 100%; position: relative;}
.pageWxnbq03 .imgBox{ width: 1200px; position: relative; margin: auto;}
.pageWxnbq03 .imgBox img{ width: 100%; position: relative; display: block; z-index: 1;}
.pageWxnbq03 .imgBox a{ position: absolute; display: inline-block; z-index: 2;}
.pageWxnbq03 .imgBox a.a1{ left: 0; top: 165px; width: 171px; height: 72px;}
.pageWxnbq03 .imgBox a.a2{ left: 588px; top: 94px; width: 222px; height: 226px;}
.pageWxnbq03 .imgBox a.a3{ left: 78px; bottom: 1px; width: 373px; height: 196px;}
.pageWxnbq03 .imgBox a.a4{ right: 280px; bottom: 1px; width: 273px; height: 184px;}



/* pageWxnbq04 */
.pageWxnbq04{ width: 100%; height: 700px; min-width: 1200px; background: url(../images/product/wxnbq/wxnbq04Bg.jpg) left center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageWxnbq04 .info{ width: 100%; padding:200px 10% 0 20%; box-sizing: border-box;}
.pageWxnbq04 .info .text{ font-size: 20px; line-height: 40px; margin: 30px 0 0 0; color: #fff;}

/* pageWxnbq05 */
.pageWxnbq05{ width: 100%; padding: 100px 0; position: relative; overflow: hidden; box-sizing: border-box;}
.pageWxnbq05 .box{ width: 100%; margin-top: 60px;}
.pageWxnbq05 .box table{ border: 0; border-collapse: initial;}
.pageWxnbq05 .box table tr{ border: 0; text-align: center;}
.pageWxnbq05 .box table tr th{ border:0; font-size: 20px; color: #333; background-color: rgba(0,78,162,0.3); padding:20px 10px; box-sizing: border-box;}
.pageWxnbq05 .box table tr td{  border: 0; font-size: 18px; color: #333; background-color: rgba(0,78,162, 0.05); padding:15px 10px; box-sizing: border-box;}
.pageWxnbq05 .box table tr td img{ max-width: 80%; display: inline-block;}
.pageWxnbq05 .box table tr p{ font-size: 16px;font-weight: normal; color: #666; text-transform: capitalize; margin-top: 5px;}
.pageWxnbq05 .box table tr.t1{background-color: rgba(0,78,162, 0.10);}
.pageWxnbq05 .box table tr.t1 td{ border-top: solid 6px #fff; font-size: 18px; font-weight: bold; background-color: rgba(0,78,162, 0.10); box-sizing: border-box;}
.pageWxnbq05 .box table tr th,.pageWxnbq05 .box table tr td{ width: 25%;}
.pageWxnbq05 .box table tr td:nth-child(2n-1){ background-color: rgba(0,78,162, 0.10);}



/* pageQcly01 */
.pageQcly01{ width: 100%; padding: 100px 0 ; background: url(../images/application/application01Bg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageQcly01 .box{ width: 60%; padding-right: 10%; box-sizing: border-box;}
.pageQcly01 .box .text{ font-size: 20px; line-height: 40px; margin: 40px 0 0 0; }
.pageQcly01 .img{ width: 40%;}
.pageQcly01 .img img{ width: 100%; border-radius: 5px;  display: block;}


/* pageQcly02 */
.pageQcly02{ width: 100%; padding: 100px 0 ; background: url(../images/application/qcly/qcly02Bg.jpg) bottom center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageQcly02 .qcly02Box{ width: 80%; position: relative; margin:150px auto 120px; }
.pageQcly02 .qcly02Box .qcimg{ width: 100%; position: relative; z-index: 1;}
.pageQcly02 .qcly02Box .qcimg img{ width: 100%; position: relative; display: block; opacity: 0.6;}

.pageQcly02 .qcly02Box .qnav{ width: 30px; height: 30px;position: absolute; bottom: 0; border-radius: 50%;  transition: all 0.8s ease; z-index: 4; cursor: pointer;}
.pageQcly02 .qcly02Box .qnav.n1{ bottom: 58%; left: 5.2%;}
.pageQcly02 .qcly02Box .qnav.n2{ bottom: 51%; left: 11.9%;}
.pageQcly02 .qcly02Box .qnav.n3{ bottom: 66.98%; left: 17.60%;}
.pageQcly02 .qcly02Box .qnav.n4{ bottom: 40.98%; left: 24.47%;}
.pageQcly02 .qcly02Box .qnav.n5{ bottom: 19.13%; left: 39.06%;}
.pageQcly02 .qcly02Box .qnav.n6{ bottom: 49.44%; left: 43.75%;}
.pageQcly02 .qcly02Box .qnav.n7{ top: 3%; right: 45.41%;}
.pageQcly02 .qcly02Box .qnav.n8{ bottom: 19.13%; right: 42.60%;}
.pageQcly02 .qcly02Box .qnav.n9{ top: 19.20%; right: 33.33%;}
.pageQcly02 .qcly02Box .qnav.n10{ top: 28.70%; right: 27.60%;}
.pageQcly02 .qcly02Box .qnav.n11{ top: 31.9%; right: 20.24%;}
.pageQcly02 .qcly02Box .qnav.n12{ top: 49.22%; right: 17.10%;}
.pageQcly02 .qcly02Box .qnav.n13{ top:35.70%; right: 14.60%;}
.pageQcly02 .qcly02Box .qnav.n14{ bottom: 42.98%; right: 10.2%;}
.pageQcly02 .qcly02Box .qnav::after{ content: ''; width: 30px; height: 30px; position: absolute; z-index: 1; top: 0; left: 0; background-color: rgba(32, 152, 92,0.5) ; border-radius: 50%; transition: all 0.8s ease;}
.pageQcly02 .qcly02Box .qnav::before{ content: ''; width: 60px; height: 60px; position: absolute; top: -15px; left: -15px; z-index: 0; border-radius: 50%; background-color: rgba(255, 0, 60, 0.2); transform: scale(0.5); opacity: 0; transition: all 0.8s ease;}
.pageQcly02 .qcly02Box .qnav p{ position: relative; display: inline-block; z-index: 2; width: 10px; height: 10px; margin: 10px; background-color: #20985f; border-radius: 50%; transition: all 0.8s ease;}
.pageQcly02 .qcly02Box .qnav.on::after{background-color: rgba(255, 0, 60, 0.4); -webkit-animation: zoomBig 2s linear infinite; animation: zoomBig 2s linear infinite; }
.pageQcly02 .qcly02Box .qnav.on::before{ opacity: 1; -webkit-animation: zoomBig 2s linear infinite; animation: zoomBig 2s linear infinite;}
.pageQcly02 .qcly02Box .qnav.on p{ background-color: #ff003c;}

.pageQcly02 .qcly02Box .qcly02Item{ position: absolute; display: none; z-index: 3; width: 370px; height: 140px; padding: 20px; background-color: rgba(255, 255, 255, 0.15); box-sizing: border-box;}
.pageQcly02 .qcly02Box .qcly02Item .pro{ width: 100px; position: relative;}
.pageQcly02 .qcly02Box .qcly02Item .pro img{ width: 100%; display: block;}
.pageQcly02 .qcly02Box .qcly02Item .info{ width: calc(100% - 100px); padding:10px 0 10px 20px; box-sizing: border-box;}
.pageQcly02 .qcly02Box .qcly02Item .info .tit{ font-size: 20px; color: #fff;}
.pageQcly02 .qcly02Box .qcly02Item .info .more{ display: inline-block; font-size: 16px; line-height: 20px; color: #fff; margin-top: 10px;}
.pageQcly02 .qcly02Box .qcly02Item .info .more .iconfont{display: inline-block; width: 20px;margin-left: 5px; text-align: center; transform: rotate(180deg);}
.pageQcly02 .qcly02Box .qcly02Item .i1,.pageQcly02 .qcly02Box .qcly02Item .i2,.pageQcly02 .qcly02Box .qcly02Item .i3,.pageQcly02 .qcly02Box .qcly02Item .i4{ position: absolute; width: 20px; height: 20px; border: solid 1px rgba(255, 255, 255, 0.4); box-sizing: border-box;}
.pageQcly02 .qcly02Box .qcly02Item .i1{ top: 0; left: 0; border-right: 0; border-bottom: 0; }
.pageQcly02 .qcly02Box .qcly02Item .i2{ top: 0; right: 0; border-left: 0; border-bottom: 0;}
.pageQcly02 .qcly02Box .qcly02Item .i3{ bottom: 0; left: 0; border-right: 0; border-top: 0;}
.pageQcly02 .qcly02Box .qcly02Item .i4{ bottom: 0; right: 0; border-left: 0; border-top: 0;}
.pageQcly02 .qcly02Box .qcly02Item .l1{ width: 100px; position: absolute; top: 50%;  height: 1px; background-color: rgba(255, 255, 255, 0.7);}
.pageQcly02 .qcly02Box .qcly02Item .l2{ width: 240px;  height: 1px; position: absolute; background-color: #fff;  bottom: -35px;}
.pageQcly02 .qcly02Box .qcly02Item.l .l1{ left: -100px;}
.pageQcly02 .qcly02Box .qcly02Item.l .l2{left: -280px; transform: rotate(-60deg);}
.pageQcly02 .qcly02Box .qcly02Item.r .l1{right: -100px;}
.pageQcly02 .qcly02Box .qcly02Item.r .l2{right: -280px; transform: rotate(60deg);}
.pageQcly02 .qcly02Box .qcly02Item.b1 .l1{ left: -100px;}
.pageQcly02 .qcly02Box .qcly02Item.b1 .l2{transform: rotate(90deg);left: -175px; bottom: 144px; width: 150px;}
.pageQcly02 .qcly02Box .qcly02Item.b2 .l1{ right: -100px;}
.pageQcly02 .qcly02Box .qcly02Item.b2 .l2{transform: rotate(90deg);right: -175px; bottom: 144px; width: 150px;}
.pageQcly02 .qcly02Box .qcly02Item.item1{  bottom: 58%; left: 5.2%; margin: 0 0 160px 240px;}
.pageQcly02 .qcly02Box .qcly02Item.item2{ bottom: 51%; left: 11.9%; margin: 0 0 190px 260px;}
.pageQcly02 .qcly02Box .qcly02Item.item2 .l2{ width: 270px; left: -303px; bottom: -48px;}
.pageQcly02 .qcly02Box .qcly02Item.item3{  bottom: 66.98%; left: 17.60%;  margin: 0 0 135px 220px;}
.pageQcly02 .qcly02Box .qcly02Item.item3 .l2{ width: 200px; left: -250px; bottom: -18px;}
.pageQcly02 .qcly02Box .qcly02Item.item4{  bottom: 40.98%; left: 24.47%;  margin: 0 0 225px 270px;}
.pageQcly02 .qcly02Box .qcly02Item.item4 .l2{ width: 300px; left: -325px; bottom: -61px;}
.pageQcly02 .qcly02Box .qcly02Item.item5{  bottom: 19.13%; left: 39.06%;  margin: 0 0 -230px 115px;}
.pageQcly02 .qcly02Box .qcly02Item.item6{  bottom: 49.44%; left: 43.75%;  margin: 0 0 160px 240px;}
.pageQcly02 .qcly02Box .qcly02Item.item7{ top: 3%; right: 45.41%;  margin:-150px -510px 0 0 ;}
.pageQcly02 .qcly02Box .qcly02Item.item7 .l2{ width: 100px; left: -175px; bottom: 26px;}
.pageQcly02 .qcly02Box .qcly02Item.item8{  bottom: 19.13%; right: 42.60%;  margin: 0 115px -225px 0;}
.pageQcly02 .qcly02Box .qcly02Item.item9{  top: 19.20%; right: 33.33%;  margin: -170px 180px 0 0;}
.pageQcly02 .qcly02Box .qcly02Item.item9 .l2{ width: 120px; right: -190px; bottom: 17px;}
.pageQcly02 .qcly02Box .qcly02Item.item10{   top: 28.70%; right: 27.60%;  margin: -245px 215px 0 0;}
.pageQcly02 .qcly02Box .qcly02Item.item10 .l2{ width: 200px; right: -250px; bottom: -18px;}
.pageQcly02 .qcly02Box .qcly02Item.item11{   top: 31.9%; right: 20.24%;  margin: -295px 245px 0 0;}
.pageQcly02 .qcly02Box .qcly02Item.item11 .l2{ width: 260px; right: -295px; bottom: -44px;}
.pageQcly02 .qcly02Box .qcly02Item.item12{  top: 49.22%; right: 17.10%;  margin: -335px 265px 0 0;}
.pageQcly02 .qcly02Box .qcly02Item.item12 .l2{ width: 300px; right: -325px; bottom: -61px;}
.pageQcly02 .qcly02Box .qcly02Item.item13{   top:35.70%; right: 14.60%;  margin: -295px 245px 0 0;}
.pageQcly02 .qcly02Box .qcly02Item.item13 .l2{ width: 250px; right: -288px; bottom: -39px;  }
.pageQcly02 .qcly02Box .qcly02Item.item14{ bottom: 42.98%; right: 10.2%;  margin: 0 295px 275px 0;}
.pageQcly02 .qcly02Box .qcly02Item.item14 .l2{ width: 360px; right: -370px; bottom: -87px;}


/* pageBbjd01 */
.pageBbjd01{ width: 100%; padding: 100px 0 ; background: url(../images/application/application01Bg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageBbjd01 .box{ width: 60%; padding-right: 10%; box-sizing: border-box;}
.pageBbjd01 .box .text{ font-size: 20px; line-height: 40px; margin: 40px 0 0 0; }
.pageBbjd01 .img{ width: 40%;}
.pageBbjd01 .img img{ width: 100%; border-radius: 5px; display: block;}

/* pageBbjd02 */
.pageBbjd02{ width: 100%; padding: 100px 0 80px; background: url(../images/application/bbjd/bbjd02Bg.jpg) bottom center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageBbjd02 .bbjd02Box{ width: 80%; position: relative; margin:180px auto 0; }
.pageBbjd02 .bbjd02Box .qcimg{ width: 100%; position: relative; z-index: 1;}
.pageBbjd02 .bbjd02Box .qcimg img{ width: 100%; position: relative; display: block; opacity: 1;}

.pageBbjd02 .bbjd02Box .qnav{ width: 30px; height: 30px;position: absolute; bottom: 0; border-radius: 50%;  transition: all 0.8s ease; z-index: 4; cursor: pointer;}
.pageBbjd02 .bbjd02Box .qnav.n1{ top: 12.32%; left: 50%;}
.pageBbjd02 .bbjd02Box .qnav.n2{ top: 51.42%; right: 31.25%;}
.pageBbjd02 .bbjd02Box .qnav.n3{ top: 47.94%; right: 17.70%;}
.pageBbjd02 .bbjd02Box .qnav::after{ content: ''; width: 30px; height: 30px; position: absolute; z-index: 1; top: 0; left: 0; background-color: rgba(32, 152, 92,0.5) ; border-radius: 50%; transition: all 0.8s ease;}
.pageBbjd02 .bbjd02Box .qnav::before{ content: ''; width: 60px; height: 60px; position: absolute; top: -15px; left: -15px; z-index: 0; border-radius: 50%; background-color: rgba(255, 0, 60, 0.2); transform: scale(0.5); opacity: 0; transition: all 0.8s ease;}
.pageBbjd02 .bbjd02Box .qnav p{ position: relative; display: inline-block; z-index: 2; width: 10px; height: 10px; margin: 10px; background-color: #20985f; border-radius: 50%; transition: all 0.8s ease;}
.pageBbjd02 .bbjd02Box .qnav.on::after{background-color: rgba(255, 0, 60, 0.4); -webkit-animation: zoomBig 2s linear infinite; animation: zoomBig 2s linear infinite; }
.pageBbjd02 .bbjd02Box .qnav.on::before{ opacity: 1; -webkit-animation: zoomBig 2s linear infinite; animation: zoomBig 2s linear infinite;}
.pageBbjd02 .bbjd02Box .qnav.on p{ background-color: #ff003c;}
.pageBbjd02 .bbjd02Box .bbjd02Item{ position: absolute; display: none; z-index: 3; width: 370px; height: 140px; padding: 20px; background-color: rgba(255, 255, 255, 0.15); box-sizing: border-box;}
.pageBbjd02 .bbjd02Box .bbjd02Item .pro{ width: 100px; position: relative;}
.pageBbjd02 .bbjd02Box .bbjd02Item .pro img{ width: 100%; display: block;}
.pageBbjd02 .bbjd02Box .bbjd02Item .info{ width: calc(100% - 100px); padding:10px 0 10px 20px; box-sizing: border-box;}
.pageBbjd02 .bbjd02Box .bbjd02Item .info .tit{ font-size: 20px; color: #fff;}
.pageBbjd02 .bbjd02Box .bbjd02Item .info .more{ display: inline-block; font-size: 16px; line-height: 20px; color: #fff; margin-top: 10px;}
.pageBbjd02 .bbjd02Box .bbjd02Item .info .more .iconfont{display: inline-block; width: 20px;margin-left: 5px; text-align: center; transform: rotate(180deg);}
.pageBbjd02 .bbjd02Box .bbjd02Item .i1,.pageBbjd02 .bbjd02Box .bbjd02Item .i2,.pageBbjd02 .bbjd02Box .bbjd02Item .i3,.pageBbjd02 .bbjd02Box .bbjd02Item .i4{ position: absolute; width: 20px; height: 20px; border: solid 1px rgba(255, 255, 255, 0.4); box-sizing: border-box;}
.pageBbjd02 .bbjd02Box .bbjd02Item .i1{ top: 0; left: 0; border-right: 0; border-bottom: 0; }
.pageBbjd02 .bbjd02Box .bbjd02Item .i2{ top: 0; right: 0; border-left: 0; border-bottom: 0;}
.pageBbjd02 .bbjd02Box .bbjd02Item .i3{ bottom: 0; left: 0; border-right: 0; border-top: 0;}
.pageBbjd02 .bbjd02Box .bbjd02Item .i4{ bottom: 0; right: 0; border-left: 0; border-top: 0;}
.pageBbjd02 .bbjd02Box .bbjd02Item .l1{ width: 100px; position: absolute; top: 50%;  height: 1px; background-color: rgba(255, 255, 255, 0.7);}
.pageBbjd02 .bbjd02Box .bbjd02Item .l2{ width: 240px;  height: 1px; position: absolute; background-color: #fff;  bottom: -35px;}
.pageBbjd02 .bbjd02Box .bbjd02Item.l .l1{ left: -100px;}
.pageBbjd02 .bbjd02Box .bbjd02Item.l .l2{left: -280px; transform: rotate(-60deg);}
.pageBbjd02 .bbjd02Box .bbjd02Item.r .l1{right: -100px;}
.pageBbjd02 .bbjd02Box .bbjd02Item.r .l2{right: -280px; transform: rotate(60deg);}
.pageBbjd02 .bbjd02Box .bbjd02Item.item1{  top: 12.32%; left: 50%; margin: -210px  0 0 198px;}
.pageBbjd02 .bbjd02Box .bbjd02Item.item1 .l2{ width: 160px; left: -220px; bottom: -0;}
.pageBbjd02 .bbjd02Box .bbjd02Item.item2{ top: 51.42%;  right: 31.25%; margin:-390px 115px 0 0  ;}
.pageBbjd02 .bbjd02Box .bbjd02Item.item2 .l2{ width: 320px; transform: rotate(-90deg); right: -260px; bottom: -91px;}
.pageBbjd02 .bbjd02Box .bbjd02Item.item3{ top: 47.94%; right: 17.70%; margin:-330px 275px 0 0  ;}
.pageBbjd02 .bbjd02Box .bbjd02Item.item3 .l2{ width: 300px; right: -325px; bottom: -61px;}

/* pageDdgj01 */
.pageDdgj01{ width: 100%; padding: 100px 0 ; background: url(../images/application/application01Bg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageDdgj01 .box{ width: 60%; padding-right: 10%; box-sizing: border-box;}
.pageDdgj01 .box .text{ font-size: 20px; line-height: 40px; margin: 40px 0 0 0; }
.pageDdgj01 .img{ width: 40%;}
.pageDdgj01 .img img{ width: 100%; border-radius: 5px;  display: block;}

/* pageDdgj02 */
.pageDdgj02{ width: 100%; padding: 160px 0 300px; background: url(../images/application/ddgj/ddgj02Bg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageDdgj02 .pageTitle .tit{ line-height: 68px;}
.pageDdgj02 .box{ width: 50%;}
.pageDdgj02 .box .text{ font-size: 24px; line-height: 40px; margin: 40px 0 0 0; color: #fff;}

/* pageJsqc01 */
.pageJsqc01{ width: 100%; padding: 100px 0 ; background: url(../images/application/application01Bg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageJsqc01 .box{ width: 60%; padding-right: 10%; box-sizing: border-box;}
.pageJsqc01 .box .text{ font-size: 20px; line-height: 40px; margin: 40px 0 0 0; }
.pageJsqc01 .img{ width: 40%;}
.pageJsqc01 .img img{ width: 100%; border-radius: 5px;  display: block;}

/* pageJsqc02 */
.pageJsqc02{ width: 100%; padding: 160px 0 300px; background: url(../images/application/jsqc/jsqc02Bg.jpg)bottom center no-repeat; background-size: cover; position: relative; overflow: hidden; box-sizing: border-box;}
.pageJsqc02 .pageTitle .tit{ line-height: 68px;}
.pageJsqc02 .box{ width: 40%;}
.pageJsqc02 .box .text{ font-size: 24px; line-height: 40px; margin: 40px 0 0 0; color: #fff;}

/* pageProductD01 */
.pageProductD01{ width: 100%;  padding: 100px 0; position: relative; overflow: hidden; box-sizing: border-box;}
.pageProductD01 .box{ width: 100%;}
.pageProductD01 .box .img{ width: 45%; border-radius: 5px;overflow: hidden;}
.pageProductD01 .box .img img{ width: 100%; display: block;}
.pageProductD01 .box .info{ width: 50%;}
.pageProductD01 .box .info .tit{ font-size: 40px; color: #333; margin-top: 30px;}
.pageProductD01 .box .info .txt{ width: 100%; font-size: 18px; line-height: 40px; margin-top: 30px; }
.pageProductD01 .box .info .txt img{ max-width: 100%; display: none;}
.pageProductD01 .box .info .zl{ width: 100%; margin-top: 50px;}
.pageProductD01 .box .info .zl a{ width: 220px; line-height: 50px; border-radius: 5px; border: solid 1px #004ea2;  color: #004ea2; position: relative;  text-align: center; overflow: hidden; transition: all 0.8s ease; box-sizing: border-box;}
.pageProductD01 .box .info .zl a::after{ content: ''; position: absolute; left: -105%; bottom: 0;z-index: 0; width: 100%; height: 100%; background-color: #004ea2; transition: all 0.8s ease;}
.pageProductD01 .box .info .zl a p{ font-size: 16px; position: relative; z-index: 2;}
.pageProductD01 .box .info .zl a span{ font-size: 22px; margin-left: 10px;  position: relative; z-index: 2;}
.pageProductD01 .box .info .zl a:hover{  color: #fff;}
.pageProductD01 .box .info .zl a:hover::after{ left: 0;}

/* pageProductD02 */
.pageProductD02{ width: 100%;  padding: 100px 0; box-sizing: border-box; background-color: #f4f8fb; position: relative; overflow: hidden;}
.pageProductD02 .box{ width: 100%; padding: 40px; box-sizing: border-box; background-color: #fff; margin-top: 60px; font-size: 18px; color: #333;}
.pageProductD02 .box table{ border: 0;  border-collapse: initial;}
.pageProductD02 .box table tr{ border: 0; text-align: center;}
.pageProductD02 .box table tr td{ border: 0; width: 50%; font-size: 18px; color: #333; background-color: rgba(0,78,162,0.05); padding:20px 10px; box-sizing: border-box;}
.pageProductD02 .box img{ max-width: 100%; display: inline-block; height: auto !important;}


/* popupVideo */
.popup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.6);z-index: 998;display: none;}
.popupVideo{width: 1040px; height: 540px; border: solid 20px #fff; box-sizing: border-box; border-radius: 5px; position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index:999;display: none; text-align: center;}
.popupVideo .closevideo{  width: 50px;height: 50px;border-radius: 0; background-color: #004ea2; color: #fff;font-size: 40px;text-align: center;line-height: 50px;position: absolute;bottom:  -100px;right: 50%; margin-right: -25px;  box-sizing: border-box;transition: all 0.6s ease;cursor: pointer; z-index: 2; border-radius: 50%;}
.popupVideo .closevideo:hover{background-color: #20985f;border-color: #004ea2;}
.popupVideo video{display: inline-block; width: 1000px; height: 500px; position: relative; z-index: 1; background-color: #000;}

@media (max-width: 1680px){
    .headerNav .nLi{ margin-right: 3%;}
    .headerNav .nLi .le a{ font-size: 16px;}
    .pageContact ul.scb li .tit{  font-size: 22px;}
    .pageDirection ul li{ padding: 30px;}
    .pageDirection ul li .tit{ font-size: 22px; }
    .pageInnovation .innovationBox .swiper-slide {width: 415px; }
    .pageInnovation .innovationBox .swiper-slide .img{width: 415px;height: 310px;  }
    
    .pageGlobal .bd{bottom:  20%; right: 29%;}
    .pageWxnbq04 .info{ padding-left: 30%;}

}
@media (max-width: 1600px){
    
    /* .footer .fnav{ width: calc(100% - 450px);} */
    .pageHonor .text{ font-size: 18px; line-height: 48px;}
    .pageHonor ul li .tit{ font-size:16px ;}
    .honorThumb .swiper-slide a{  font-size: 20px; line-height: 60px;}
    .pageContact ul.scb li .tit{  font-size: 20px;}
    .pageContact ul.scb li .txt .p{ font-size: 16px; line-height: 30px;}
    .pageTechnology ul li .box .txt{ font-size: 16px;}
    .pageDirection ul li .tit{ font-size: 20px; }
    .pageDirection ul li .txt{ font-size: 16px; line-height: 32px;}
    
    .pageGlobal .hd ul li:nth-child(1){ top: 42.0%; left: 34.1%; }
    .pageGlobal .hd ul li:nth-child(2){ top: 43.6%; left: 37.3%;}
    .pageGlobal .hd ul li:nth-child(3){ top: 41.0%; left: 42.0%;}
    .pageGlobal .hd ul li:nth-child(4){ top: 54.2%; left: 32.2%;}
    .pageGlobal .hd ul li:nth-child(5){ top: 29.5%; left: 7.4%;}
    .pageGlobal .hd ul li:nth-child(6){ top: 51.6%; right: 19.6%;}
    .pageGlobal .hd ul li .icon{ width: 20px; height: 20px;}
    .pageGlobal .hd ul li .icon::after{  width: 20px; height: 20px;   top: 0; left: 0; }
    .pageGlobal .hd ul li .icon::before{ width: 40px; height: 40px;  top: -10px; left: -10px; }
    .pageGlobal .hd ul li .icon p{  width: 8px; height: 8px; margin: 6px;}
    .pageGlobal .hd ul li .tit{ font-size: 14px;  margin-top: 5px;}
    .pageGlobal .bd{ bottom:  20%; right: 28%;}
    .pageGlobal .bd .con .item .tit{ font-size: 16px; }
    

    .pageYctyt01 .box .text{  padding-right: 15%; font-size: 24px; line-height: 50px; color: #333;}
    .pageRcxl01 .rcxl01Nav{ width: 500px; }
    .pageRcxl01 .rcxl01Nav .swiper-slide a{  font-size: 20px; line-height: 50px;}
    .pageRcxl01 .rcxl01Box .swiper-slide .box .text{ padding-right: 15%; font-size: 24px; line-height: 50px; color: #333;}
    .pageRcxl01 .box .text{  padding-right: 15%; font-size: 24px; line-height: 50px; color: #333;}
    .pageHxq01 .box .text{  padding-right: 15%; font-size: 24px; line-height: 50px; color: #333;}
    .pageWxnbq02 ul li .tit{  font-size: 20px;}
    .pageWxnbq04 .info .text{  font-size: 18px; line-height: 36px;}
    
    .pageQcly01 .box .text{ font-size: 18px; line-height: 36px;  }
    .pageBbjd01 .box .text{ font-size: 18px; line-height: 36px;  }
    .pageDdgj01 .box .text{ font-size: 18px; line-height: 36px;  }

    

}
@media (max-width: 1560px){
    .headerNav .nLi{ margin-right: 3%;}
    .indexMore{ width: 160px; }
    .indexMore a{ line-height: 52px;}
    .indexMore a p{ font-size: 16px; }
    .indexMore a span{ font-size: 18px;}
    
    .indexProduct .productThumb{ width: 900px;}
    .indexProduct .productThumb .swiper-slide:nth-child(1){ width: 200px !important;}
    .indexProduct .productThumb .swiper-slide:nth-child(2){ width: 200px !important;}
    .indexProduct .productThumb .swiper-slide:nth-child(3){ width: 160px !important;}
    .indexProduct .productThumb .swiper-slide:nth-child(4){ width: 120px !important;}
    .indexProduct .productThumb .swiper-slide:nth-child(5){ width: 175px !important;}
    .indexProduct .productThumb .swiper-slide a{ font-size: 16px;}
    .indexProduct .productItem .swiper-slide .box .tit{  font-size: 34px; line-height: 50px;}
    
    .pageNav ul li a{ font-size: 16px;}
    .pageBases .basesBox .swiper-slide .tit{  font-size: 20px;}
    .pageHistory ul li .info .year{ font-size: 32px;}
    .pageHistory ul li .info .txt{  margin-top: 20px; font-size: 16px; line-height: 34px;}
    .pageHistory ul li .img img{ width: 360px;}
    .honorThumb .swiper-slide a{  font-size:18px; line-height: 56px;}
    .pageGlobal .bd{ bottom:  10%; right: 29%;}
    .pageGlobal .bd .con .item .tit{ font-size: 16px; }
    .pageGlobal .bd .con .item .txt{  font-size: 14px; color: #fff; line-height: 22px;}
    .pageJobs .job_a .tit{ width: calc(100% - 410px);}
    .pageJobs .job_a{ padding: 30px 30px;}
    .pageJobs .job_a .lk{ width: 370px;}
    .pageJobs .job_d{ padding: 0 30px;}
    .pageJobs .job_d .text{  font-size: 14px; color: #333; line-height: 28px;}
    .pageNews .firstNews .info .tit{ font-size: 20px; margin: 15px 0 20px;}
    .pageNews .firstNews .info .time,.pageNews .firstNews .info .txt,.pageNews .firstNews .info .more{ font-size: 16px;}
    .pageNews .firstNews .info .more .iconfont{ font-size: 18px; transform: rotate(180deg) translateY(1px);}
    .pageNews ul.newsList li .info .tit{ font-size: 20px; }
    .pageNews ul.newsList li .info .more .iconfont{ font-size: 18px; transform: rotate(180deg) translateY(1px);}
    .pageNotice ul.noticeList li .info .tit{ font-size: 22px; }
    .pageNotice ul.noticeList li .info .time{ font-size: 18px; }

    .pageYctyt04 .box table tr td{ font-size: 16px;}
    .pageYctyt05 .box table tr td{ font-size: 16px;}
    .pageRcxl01 .rcxl01Nav{  top: 0%;}

    .pageProductFile ul li .icon{ width: 40px; height: 40px;  background-size: 40px 40px !important; }
    .pageProductFile ul li .info{ width: calc(100% - 40px);}
    .pageProductFile ul li .info .tit{ font-size: 16px; line-height: 24px;  }
    .pageProductFile ul li .info .dw{ font-size: 14px; }

    
    .pageQcly02 .qcly02Box{ width: 100%; position: relative; margin:150px auto 120px; }
    
    
   
.pageProductD01 .box .info .tit{ font-size: 36px; }
.pageProductD01 .box .info .txt{ font-size: 16px; line-height: 36px;  }
}
@media (max-width: 1480px){
    .headerNav .nLi{ margin-right: 2%;}
    
    /* .footer .fnav{ width: calc(100% - 400px);} */

   
    
    .indexMore{ width: 140px; }
    .indexMore a{ line-height: 46px;}
    .indexMore a p{ font-size: 14px; }
    .indexMore a span{ font-size: 16px;}

 
    .pageBases .swiper-button-prev,.pageBases .swiper-button-next{ width: 60px; line-height: 60px; height: 60px; font-size: 20px;  margin-top: -50px;   }
    .pageBases .basesBox .swiper-slide .tit{  margin-top: 30px; font-size: 18px;}
    .pageHistory ul li{ margin-top: 60px;}
    .pageHistory ul li .info .year{ font-size: 28px;}
    .pageBenefits ul li .tit{ font-size: 22px; color: #fff;}
    .pageBenefits ul li .txt{ font-size: 16px; line-height: 32px; margin-top: 20px; color: #fff;}
    .pageJobs .job_a .tit{ width: calc(100% - 380px);}
    .pageJobs .job_a .tit .t,.pageJobs .job_a .tit .d{ line-height: 48px;}
    .pageJobs .job_a .lk{ width: 350px;}
    .pageNews .firstNews .info .tit{ font-size: 18px; margin: 15px 0 20px;}
    .pageNews .firstNews .info .time,.pageNews .firstNews .info .txt,.pageNews .firstNews .info .more{ font-size: 14px;}
    .pageNews .firstNews .info .more .iconfont{ font-size: 16px; margin-left: 5px; transform: rotate(180deg) translateY(0);}
    .pageNews ul.newsList li .info .tit{ font-size: 18px; }
    .pageNews ul.newsList li .info .time,.pageNews ul.newsList li .info .txt,.pageNews ul.newsList li .info .more{ font-size: 14px;}
    .pageNews ul.newsList li .info .more .iconfont{ font-size: 16px; margin-left: 5px; transform: rotate(180deg) translateY(0);}

    
    
    .pageInnovation .swiper-button-prev,.pageInnovation  .swiper-button-next{ width: 60px; line-height: 56px; height: 60px; font-size: 20px; border-radius: 50%;}

    .pageWxnbq04 .info{ padding-left: 35%;}

}

/*donghua*/
@-webkit-keyframes rotation {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@-moz-keyframes rotation {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
@keyframes rotation {0%{transform: rotate(0);}100%{transform: rotate(360deg);}}

@-webkit-keyframes zoomBig {0%{transform: scale(0.5);}50%{transform: scale(1);}100%{transform: scale(0.5);}}
@-moz-keyframes zoomBig {0%{transform: scale(0.5);}50%{transform: scale(1);}100%{transform: scale(0..5);}}
@keyframes zoomBig {0%{transform: scale(0.5);}50%{transform: scale(1);}100%{transform: scale(0.5);}}

@-webkit-keyframes zoomBig1 {0%{transform: scale(0);}100%{transform: scale(1);}}
@-moz-keyframes zoomBig1 {0%{transform: scale(0);}100%{transform: scale(1);}}
@keyframes zoomBig1 {0%{transform: scale(0);}100%{transform: scale(1);}}

@-webkit-keyframes showd {0%{ opacity: 0;}100%{opacity: 1;}}
@-moz-keyframes showd {0%{opacity: 0;}100%{opacity: 1;}}
@keyframes showd {0%{opacity: 0;}100%{opacity: 1;}}


@-webkit-keyframes line2 {0%{ width: 0;}100%{ width: 4.06%;}}
@-moz-keyframes line2 {0%{width: 0;}100%{ width: 4.06%;}}
@keyframes line2 {0%{width: 0;}100%{ width: 4.06%;}}

@-webkit-keyframes line3 {0%{ width: 0;}100%{ width: 8.45%;}}
@-moz-keyframes line3 {0%{width: 0;}100%{ width: 8.45%;}}
@keyframes line3 {0%{width: 0;}100%{ width: 8.45%;}}

@-webkit-keyframes line4 {0%{ height: 0;}100%{ height: 12.37%;}}
@-moz-keyframes line4 {0%{height: 0;}100%{ height: 12.37%;}}
@keyframes line4 {0%{height: 0;}100%{ height: 12.37%;}}

@-webkit-keyframes line5 {0%{ width: 0;}100%{ width: 25.77%;}}
@-moz-keyframes line5 {0%{width: 0;}100%{ width: 25.77%;}}
@keyframes line5 {0%{width: 0;}100%{ width: 25.77%;}}

@-webkit-keyframes line6 {0%{ width: 0;}100%{ width: 41.30%;}}
@-moz-keyframes line6 {0%{width: 0;}100%{ width: 41.30%;}}
@keyframes line6 {0%{width: 0;}100%{ width: 41.30%;}}

@-webkit-keyframes line7 {0%{ height: 0;}100%{ height: 11.70%;}}
@-moz-keyframes line7 {0%{height: 0;}100%{ height: 11.70%;}}
@keyframes line7 {0%{height: 0;}100%{ height: 11.70%;}}



/*pages*/
.pages{ padding: 60px 0 0; box-sizing: border-box; width: 100%;  font-size:14px; text-align: center; height: auto; }
.pages a { display:inline-block; height:32px; line-height:32px; background:#004ea2; color: #fff; text-align:center;  padding:0 12px; margin:0 5px; box-sizing: border-box; box-sizing: border-box;}
.pages a:hover { background:#20985f;  text-decoration:none }
.pages span { display:inline-block;  height:32px; line-height:32px; background:#20985f; color:#fff; text-align:center; padding:0 12px; margin:0 5px; box-sizing: border-box;}