@charset "utf-8";
*{ margin:0; padding:0;}
table{ border-collapse:collapse;}
a{ text-decoration:none;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
ol, ul{ margin:0;}
p{ margin:0;}
.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5{ margin:0;}
.cor_red{ color:#fe0000;}
.cor_yellow{ color:#fdd000;}
.cor_green{ color:#008e2b;}
.f22{ font-size:22px;}
.clear{ clear:both;}
.shows{ display:block;}
.showsIn{ display:inline-block;}
.hides{ display:none;}
.ellipsis{ display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bd_weixin_popup{ height:auto !important;}
html { -ms-touch-action: none; height:100%;}
body { font-family:"Microsoft YaHei"; position: relative; height:100%; *cursor: default; color:#333333; overflow-x:hidden;}
@font-face {
    font-family:'CONTEXT';
	src:url(../fonts/CONTEXT.TTF);
    font-weight: normal;
    font-style: normal;
}
.imgFull{ background-position:center center; background-repeat:no-repeat; background-size:cover;}
.imgFull img{ display:none;}
.headerBg{ margin-top:20px; transition:all 0.3s ease-out 0s;}
.headerBg.active{ border:none; background:rgba(0,0,0,0.6); margin-top:0;}
.headerBg.noEffect{ transform:translateY(0) !important;}
.logo{ position:absolute; left:30px; top:22px;}
.logo a{ display:block;margin-top: -5px;}
.hdRig{ position:absolute; right:30px; top:0; color:#FFFFFF;}
.hdRig a{ color:#FFFFFF; display:inline-block; vertical-align:middle;}
.hdRigList{ font-size:0;}
.hdRigList li{ display:inline-block; vertical-align:middle; font-size:18px; padding-left:8px; line-height:84px;}
.hdWx{ position:absolute; right:-30px; top:84px; width:140px; padding:10px; text-align:center; background:#FFFFFF; font-size:12px; color:#666666; line-height:26px; display:none;}
.hdWx img{ margin:0 auto;}
.hdRigList li:hover .hdWx{ display:block;}
.hdTel{ font-size:20px; margin-top:-2px; margin-right:5px;}
.hdShare{ margin-top:-10px; font-size:15px; width:32px; height:32px; border:1px solid rgba(255,255,255,0.25); border-radius:50%; text-align:center; line-height:30px;}

/*navList*/
.navList{ display:table; margin:0 auto;}
.navLi{ float:left; height:84px; position:relative;}
.navLi h3{}
.navLi h3 a{ display:block; padding:24px 10px; font-size:15px; color:#FFFFFF;}
.navLi h3 a span{ display:block; border:1px solid transparent; height:36px; line-height:34px; border-radius:17px; padding:0 20px; transition:all 0.4s ease 0s;}
.navLi.on h3 a span,.navLi h3 a:hover span{ border-color:#FFFFFF;}

.navSub{ position:absolute; left:50%; margin-left:-100px; top:84px; width:216px; padding-top:23px; display:none;}
.navSub:before{ display:block; content:""; position:absolute; left:50%; margin-left:-11px; top:10px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 13px 13px 13px;
border-color: transparent transparent rgba(0,0,0,0.75) transparent;
}
.navSubList{ background:rgba(0,0,0,0.75); padding:15px 25px; border-radius:5px;}
.navSubLi{}
.navSubLi h4{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navSubLi h4 a{ display:block; color:#FFFFFF; font-size:14px; line-height:42px; background-position:right center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s;}
.navSubLi.has h4 a{ background-image:url(../images/navLiBg.png);}
.navSubLi a:hover{ transform: scale(1.1);}

.navThrList{ padding-left:15px; display:none;}
.navThrLi h5{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navThrLi h5 a{ display:block; color:#FFFFFF; font-size:14px; line-height:46px; background-position:right center; background-repeat:no-repeat; transition:all 0.3s ease-out 0s;}
.navThrLi.has h5 a{ background-image:url(../images/navLiBg.png);}

.navFouList{ padding:15px 0 15px 15px; border-bottom:1px solid rgba(255,255,255,0.2); display:none;}
.navFouLi{ font-size:12px; color:#dddddd; line-height:24px;} 
.navFouLi a{ display:block; color:#dddddd;}

.navBoxm{ display:none;}
.navListm{ list-style:none; overflow:hidden;}

/*banner*/
.banner{ height:100%; position:relative;}
.banner .swiper-slide{ background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}
.ban1Bg{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; overflow:hidden;}
.ban1Bg1{ background:url(../images/ban1Bg1.png) center center repeat; animation: star 1s infinite linear;}
.ban1Bg2{ background:url(../images/ban1Bg2.png) center center repeat; animation: star 3s infinite linear;}
@keyframes star {
  0% {
	  opacity:0;
  }
  50% {
	  opacity:1;
  }
  100% {
	  opacity:0;
  }
}
.banner .swiper-slide .container{ height:100%; justify-content:center; display:flex; align-items:center; position:relative; z-index:1;}
.ban1Con{ width:100%;}
.ban1Img{ width:60%; float:left; max-width:651px; height:379px; position:relative;}
.ban1Logo{ width:119px; height:57px; position:absolute; left:50%; top:50%; margin-left:-60px; margin-top:-49px; opacity:0; transition:all 0.4s ease 0.3s;}
.ban1Cir{ width:379px; height:379px; position:absolute; left:50%; top:0; margin-left:-190px; background-position:center center; background-repeat:no-repeat;background-size: cover; opacity:0; transition:all 0.4s ease 0.3s;}
.ban1Cir1{ background-image:url(../images/ban1Cir1.png); animation: circle 200s infinite linear;}
.ban1Cir2{ background-image:url(../images/ban1Cir2.png); animation: circleF 200s infinite linear;}
.ban1Cir3{ background-image:url(../images/ban1Cir3.png); animation: circle 200s infinite linear;}
.ban1Line{ width:509px; height:379px; position:absolute; left:50%; top:0; margin-left:-254px; background:url(../images/ban1Line.png) center center no-repeat;background-size: cover;}
.ban1IcoItem{}
.ban1IcoItem li{ display:inline-block; position:absolute; text-align:center; font-size:16px; line-height:34px;}
.ban1IcoItem li a{ display:block; color:#FFFFFF;}
.ban1Ico{ width:71px; height:71px; border-radius:50%; display:flex; justify-content:center; align-items:center; position:relative;}
.ban1Ico i{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/ban1IcoBg.png) center center no-repeat;background-size: cover; animation:circle 150s infinite linear;}
.ban1IcoLi1{ left:50px; top:0;}
.ban1IcoLi2{ left:0; top:156px;}
.ban1IcoLi3{ left:50px; bottom:-30px;}
.ban1IcoLi4{ right:50px; top:0;}
.ban1IcoLi5{ right:-10px; top:156px;}
.ban1IcoLi6{ right:50px; bottom:-30px;}
.ban1IcoItem li a:hover .ban1Ico img{ animation:pulse 0.3s linear 2;}
@keyframes circle{
  0% {
	  transform:rotate(0);
  }
  50% {
	  transform:rotate(360deg);
  }
  100% {
	  transform:rotate(0);
  }
}
@keyframes circleF{
  0% {
	  transform:rotate(360deg);
  }
  50% {
	  transform:rotate(0);
  }
  100% {
	  transform:rotate(360deg);
  }
}
.swiper-slide-active .ban1Logo{ opacity:0;}
.swiper-slide-active .ban1Cir{ opacity:1;}
.swiper-slide-active .ban1Cir1{ transition-delay:0.3s}
.swiper-slide-active .ban1Cir2{ transition-delay:0.7s}
.swiper-slide-active .ban1Cir3{ transition-delay:1.1s}

.ban1Text{ width:40%; float:right; max-width:382px; padding-top:10%;}
.banLink{ display:block; color:#FFFFFF; font-weight:bold; font-size:15px; text-align:center; width:144px; height:40px; line-height:38px; margin:25px 0 0; border:1px solid rgba(255,255,255,0.65); background:url(../images/banLinkBg.png) center center no-repeat; background-size:100% 100%;}
.banLink img{ margin-left:5px; transition:all 0.3s ease 0s;}
.banLink:hover{ color:#FFFFFF;}
.banLink:hover img{ margin-left:15px;}

.banPc{ display:block;}
.banMob{ display:none; position:relative; z-index:1;}
.banMob a{ display:block;}

.banBtn{ position:absolute; left:50%; margin-left:-12px; bottom:6%; display:block; width:24px; height:42px; border:2px solid #FFFFFF; border-radius:12px; z-index:1; overflow:hidden;}
.banBtn:after{ display:block; content:""; position:absolute; left:50%; margin-left:-2px; top:21px; width:4px; height:4px; background:#FFFFFF; border-radius:50%; animation:bounce 2s infinite;}

.box1Bg{ padding:60px 0;}
.box1Num{ font-size:24px; color:#969696; line-height:200%;}
.box1Num span{ color:#e80b11; font-family:'CONTEXT'; font-size:50px; line-height:200%;}
.title{ padding:20px 0; position:relative;}
.title h2{ font-size:36px; color:#222222; line-height:120%; padding:20px 0;}
.titleBrief{ max-width:980px; margin:0 auto; color:#a6a5a5; line-height:28px; padding:20px 0;}

.box1CenBg{ background:url(../images/box1CenBg.png) center top no-repeat; background-size:cover; min-height:607px; overflow:hidden; position:relative;}
.wavesBg{ position:absolute; left:0; top:0; width:100%; height:100%; padding-bottom:300px;}
#waves{}
.box1Cen{ margin:100px 0 0; position:relative;}
.box1CenPrev,.box1CenNext{ position:absolute; width:29px; height:51px; top:100px; cursor:pointer;}
.box1CenPrev{ left:-150px; background:url(../images/box1CenPrev.png) left center no-repeat; background-size:cover;}
.box1CenNext{ right:-150px; background:url(../images/box1CenNext.png) right center no-repeat; background-size:cover;}
.box1CenImgBg{ float:left; width:58%; padding-right:3%;}
.box1CenText{ float:right; width:42%; max-width:450px; color:#FFFFFF;}
.box1CenH3{ font-size:30px; line-height:30px;}
.box1CenBrief{ font-size:16px; line-height:30px; margin:10px 0;}
.box1CenItem{ padding:0px 0 15px;}
.box1CenItem li a{ color:#FFFFFF; display:inline-block; line-height:26px; padding:0 10px; border-radius:10px; transition:all 0.4s ease 0s;}
.box1CenItem li a:before{ display:inline-block; content:""; vertical-align:middle; width:4px; height:4px; border-radius:50%; background:#FFFFFF; margin:-2px 5px 0 0;}
.box1CenItem li a:hover{ background:#3754a8;}
.box1CenText .box1BotMore{ margin:0; border:1px solid #FFFFFF; text-align:center;}
.box1CenText .box1BotMore:hover{ background:#df292e; border-color:#df292e;}
.box1BotMore a,.box1BotMore a:hover{ display:block; color:#FFFFFF;}

.box1Bot{ margin:0 -42px; padding:40px 0;}
.box1Bot li{ padding:10px 42px;}
.box1Bot li:after{ display:block; content:""; display:block; width:190px; height:1px; font-size:0; background:#e6e6e6; position:absolute; top:100px; right:-95px;}
.box1Bot li:last-child:after{ display:none;}
.box1Bot li a{ display:block; /*height:100%;*/}
.box1BotImgBg{ width:174px; height:174px; border:1px solid #dbdbdb; border-radius:50%; margin:0 auto; position:relative; display:flex; justify-content:center; align-items:center;}
.box1BotImgBg:after{ display:block; content:""; position:absolute; top:29px; right:15px; width:7px; height:7px; background:#3754a8; border-radius:50%;}
.box1BotCir{ position:absolute; left:50%; top:50%; width:144px; height:144px; margin-left:-72px; margin-top:-72px; background:url(../images/box1BotCir.png) center center no-repeat; background-size:cover;}
.box1BotImg{ width:84px; height:84px; background:#3754a8; display:flex; justify-content:center; align-items:center; border-radius:50%; transition:all 0.4s ease 0s;}
.box1BotH3{ font-size:20px; color:#222222; line-height:150%; padding:10px 0;}
.box1BotBrief{ font-size:14px; color:#999999; line-height:26px; height:78px; margin:0 0 20px; overflow:hidden;}
.box1BotMore{ display:block; margin:0 auto; width:120px; height:40px; line-height:38px; border:1px solid #324e9e; border-radius:20px; color:#324e9e; transition:all 0.4s ease 0s;}
.box1Bot li a:hover .box1BotImg{ width:120px; height:120px;}
.box1Bot li a:hover .box1BotMore{ border-color:#df292e; background:#df292e; color:#FFFFFF;}
.box1Bot li a:hover .box1BotMore img.showsIn{ display:none;}
.box1Bot li a:hover .box1BotMore img.hides{ display:inline-block;}
.box1Bot li a:hover .box1BotCir{ animation:Cir 20s infinite;}
@keyframes Cir
{
from { transform:rotate(0);}
to { transform:rotate(360deg);}
}
.box1Bot li:nth-child(2) .box1BotImgBg:after{ top:auto; bottom:29px;}
.box1Bot li:nth-child(3) .box1BotImgBg:after{ right:auto; left:-4px; top:74px;}
 

.box2Bg{ background:url(../images/box2Bg.jpg) center top no-repeat; background-size:cover; padding:90px 0;}
.box2Bg .title h2,.box2Bg .titleBrief{ color:#FFFFFF;}
.box2List{ margin:0 -30px;display: none;}
.box2List.active{display: block;}
.box2List li{ padding:0 30px 30px;}
.box2Con{ position:relative; overflow:hidden;}
.box2Img{ overflow:hidden;}
.box2Img img{ width:100%; transition:all 0.4s ease 0s;}
.box2Tit{ position:absolute; left:0; bottom:0; width:100%; background:#000000; background:rgba(0,0,0,0.7); font-size:18px; color:#FFFFFF; line-height:34px; padding:15px; transition:all 0.4s ease 0s;}
.box2HovBg{ position:absolute; left:0; top:0; width:100%; height:100%; background:#184091; background:rgba(24,64,145,0.9); padding:30px; color:#FFFFFF; opacity:0; transform:translateY(-100%); transition:all 0.4s ease 0s;}
.box2Hov a{ color:#FFFFFF; color:rgba(255,255,255,0.65); transition:all 0.4s ease 0s;}
.box2Hov h4{ text-align:center; font-size:18px; padding:20px 0; opacity:0; transform:translateY(-50%); transition:all 0.4s ease 0s;}
.box2Item{ overflow:hidden; margin:0 -5px; font-size:12px; line-height:26px; opacity:0; transform:translateY(50%); transition:all 0.4s ease 0s;}
.box2Item p{ float:left; width:50%; padding:0 5px;}
.box2Hov a:hover{ color:#FFFFFF;}
.box2Con:hover .box2Tit{ transform:translateY(100%);}
.box2Con:hover .box2HovBg{ opacity:1; transform:translateY(0%);}
.box2Con:hover .box2Hov h4,.box2Con:hover .box2Item{ opacity:1; transform:translateY(0%); transition:all 0.4s ease 0.3s;}

.box3Bg{ padding:90px 0;}
.box3List{}
.box3List .swiper-container{ padding-bottom:15px;}
.box3List .swiper-slide{ padding:20px 10px;}
.box3List a{ display:block; /*height:100%;*/ position:relative; overflow:hidden;padding: 0 20px;box-sizing: border-box;}
.box3List img{ margin:0 auto;}
.box3Hov{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; transform:scale(2); transition:all 0.4s ease 0s;}
.box3List a:hover .box3Hov{ opacity:1; transform:scale(1);padding: 0 20px;box-sizing: border-box;}
.box3List .swiper-pagination{ position:static; width:100%; display:block;}
.box3List .swiper-pagination-bullet{ width:34px; height:3px; border-radius:0; background:#e5e5e5; opacity:1; margin:0 5px;}
.box3List .swiper-pagination-bullet-active{ background:#0045CF;}

.box4Bg{ padding:90px 0; position:relative; background:url(../images/box4Bg.jpg) center center no-repeat; background-size:cover;}
#box4BgId{ position:absolute; left:0; top:0; width:100%; height:100%;}
.box4Bg .title h2,.box4Bg .titleBrief{ color:#FFFFFF;}
.box4List .swiper-slide{ text-align:center; padding:20px 10px; color:#fbfbfb;}
.box4List a{ display:block; color:#FFFFFF; /*height:100%;*/ color:#fbfbfb; }
.box4List img{ margin:0 auto;}
.box4Img img{ max-width:50%;}
.box4Num{ font-size:38px; font-family:Arial, sans-serif;}
.box4Tit{ font-size:16px; font-weight:bold; opacity:0.6; transition:all 0.3s ease 0s;}
.box4List .swiper-container{ padding-bottom:25px;}
.box4List .swiper-pagination{ position:static; width:100%; display:block;}
.box4List .swiper-pagination-bullet{ width:34px; height:3px; border-radius:0; background:rgba(255,255,255,0.2); opacity:1; margin:0 5px;}
.box4List .swiper-pagination-bullet-active{ background:#ee353a;}
.box4List a:hover .box4Tit{ opacity:1;}
.box4List a:hover .box4Img img{ animation:swing 2s infinite;}

.footerBg{ background:#333333; font-size:12px; color:#777777; line-height:26px; padding:20px 0;}
.footTop{ padding:40px 0;}
.footTopR{ float:right;}
.footTopR-title{color: white;font-weight: 600;font-size: 16px;margin-bottom: 10px;text-align: center;}
.kefu{ display:block; float:right; width:126px; height:38px; line-height:38px; margin-bottom:20px; background:#df292e; color:#FFFFFF; border-radius:5px; text-align:center;}
.kefu img{ animation:swing 2s infinite;}
.kefu:hover{ color:#FFFFFF;}
.fTel{ font-size:34px; color:#FFFFFF; line-height:150%;}
.footLink{ font-size:0;}
.footLink li{ vertical-align:top; font-size:12px; margin-right:60px; max-width:160px;}
.footLink li:last-child{ margin-right:0;}
.footLink h3 a{ font-size:16px; font-weight:bold; line-height:200%; color:#eeeeee;}
.footSub{ padding:20px 0 0;}
.footSub a{ font-size:12px; color:#777777; line-height:26px;}
.footSub a:hover{ color:#FFFFFF; transition:all 0.3s ease 0s;}

.footBot{ font-size:12px; color:#777777; padding:40px 0; border-top:1px solid rgba(255,255,255,0.1);}
.footBot a{ color:#777777;}
.footLogo{ float:right; padding-left:10px;}
.footBot p{ line-height:24px; padding:9px 0;}

.kefuBtn{color: #0146CF;padding: 3px 20px;border-radius: 50px;font-size: 12px;outline: 0;margin-top: 10px;border: 0;}

.online{ position:fixed; right:10px; top:50%; transform:translateY(-50%); z-index:1;}
.online li{ margin:5px 0; width:35px; height:35px; position:relative;}
.onlineIco{ float:right; display:block; text-align:center; width:35px; height:35px; border-radius:5px; background:#b5b5b5; color:#FFFFFF; overflow:hidden; transition:all 0.3s ease-in 0s;}
.onlineIco i{ width:35px; height:35px; line-height:35px; font-size:16px; text-align:center;}
.onlineCon{ font-size:15px; font-weight:bold; color:#FFFFFF; line-height:35px; display:inline;}
.onlineIco:hover{ color:#FFFFFF; background:#00a0ea; width:144px;}
.onlineIco:focus{ color:#FFFFFF;}
.onlineIco:hover i{ text-align:right; width:auto;}
.onlineWx{ position:absolute; right:38px; top:40px; width:90px; height:90px; border:1px solid #666666; transform:scale(1,0); transition:all 0.1s ease-in 0.1s;}
.online li:hover .onlineWx{ transform:scale(1,1);}
.online li.online_top .onlineIco{ background:#00a0ea;}

.bannerN{margin-top: 84px;height:450px; position:relative; text-align:center; display:flex; justify-content:center; align-items:center;}
.bannerN .imgFull{ position:absolute; left:0; top:0; width:100%; height:100%;}
.banH2{ position:relative; color:#FFFFFF; font-size:30px;line-height: 1.6;}
.banH2 .banEnglish{display: block;margin-top: 5px;font-size: 0.6em;}
.bannerN .box1Num,.bannerN .box1Num span{ color:#FFFFFF;}
.bannerN .box1Num{ position:relative; top:-20%;}

.mainBg{ position:relative; overflow:hidden; min-height:198px; font-size:14px; color:#777777; line-height:32px;}
.mainBgImg{ position:absolute; left:0; top:0; width:100%; height:185px; background:url(../images/mainBg.png) center top no-repeat; animation:mainBg 80s infinite; z-index:-1;}
@keyframes mainBg{
	0%{ transform:skewX(0deg); transform-origin:center top;}
	25%{ transform:skewX(45deg); transform-origin:center top;}
	50%{ transform:skewX(0deg); transform-origin:center top;}
	75%{ transform:skewX(-45deg); transform-origin:center top;}
	100%{ transform:skewX(0deg); transform-origin:center top;}
}

.onepage{ padding:80px 0;}
.onepage img{ max-width:100% !important; height:auto;}
.oneTop{ padding-bottom:35px; text-align:center;}
.oneTop img{ margin:0 auto;}
.oneText{ padding-bottom:50px; word-break:break-all;}
.oneText strong{ font-size:18px; color:#3754a8;}
.oneList{}
.oneList li{ padding-left:14px; position:relative;}
.oneList li:before{ display:block; content:""; position:absolute; left:0; top:15px; width:4px; height:4px; border-radius:50%; background:#3754a8;}
.oneBtn a{ display:inline-block; margin:0 auto; width:200px; height:52px; line-height:48px; color:#2946a5; border:2px solid #2946a5; border-radius:5px; transition:all 0.4s ease 0s;}
.oneBtn a:hover{ background:#2946a5; color:#FFFFFF;}

.hisBg{ background:url(../images/hisBg.jpg) center center no-repeat; padding:75px 0 50px; background-size:cover; color:#FFFFFF;}
.hisTit{ font-size:30px; font-weight:bold; line-height:120%; padding-bottom:15px; text-align:center;}
.hisBox{ background:url(../images/hisBoxBg.jpg) center center repeat-x;}
.history{ position:relative;}
.history .swiper-slide{ height:460px;}
.hisItem{}
.hisTextBg{ height:140px; position:relative; font-size:12px; line-height:20px;}
.hisText{ position:absolute; left:0; bottom:20px; width:100%;}
.hisText p.text-center strong{ font-size:26px;}
.hisIco{ height:90px; position:relative;}
.hisIco:after,.hisIco:before{ display:block; content:""; position:absolute;}
.hisIco:before{ width:13px; height:13px; border:2px solid #FFFFFF; border-radius:50%; left:50%; top:0; margin-left:-6px;}
.hisIco:after{ width:1px; height:77px; background:#FFFFFF; left:50%; top:13px;}
.hisYear{ font-size:22px; font-weight:bold; line-height:30px; padding:20px 0; text-align:center;}
.history .swiper-slide.odd{ padding-top:160px;}
.history .swiper-slide.odd .hisText{ position:static; padding-top:20px;}
.history .swiper-slide.odd .hisIco:before{ top:auto; bottom:0;}
.history .swiper-slide.odd .hisIco:after{ top:auto; bottom:13px;}
.hisPrev,.hisNext{ display:block; position:absolute; top:50%; transform:translateY(-50%); width:27px; height:52px; cursor:pointer;}
.hisPrev.swiper-button-disabled,.hisNext.swiper-button-disabled{ opacity:0.5;}
.hisPrev{ left:-90px; background:url(../images/hisPrev.png) left center no-repeat;}
.hisNext{ right:-90px; background:url(../images/hisNext.png) right center no-repeat;}

.honour{ padding:70px 0; overflow:hidden;}
.honTab{ font-size:0; margin:0 -10px;}
.honTab li{ padding:0 10px;}
.honTab li a{ display:block; padding: 0 10px; font-size:15px; color:#555555; min-width:80px; height:40px; line-height:38px; border:1px solid #aaaaaa; border-radius:3px; transition:all 0.4s ease 0s;box-sizing: border-box;}
.honTab li.active a,.honTab li a:hover{ background:#00a0ea; border-color:#00a0ea; color:#FFFFFF;}
.honList{ margin:0 -16px; padding:30px 0;display: none;position: relative;}
.honList.active{display: block;}
.honList li{ padding:19px 16px;/*position: absolute;float: none;*/}
.honList img{width: 100%;}
.honList li a{ display:block; height:100%; padding:10px; border:1px solid #d9d9d9; transition:all 0.4s ease 0s;}
.honImg{ overflow:hidden; margin-bottom:10px;}
.honImg img{ width:100%; transition:all 0.4s ease 0s;}
.honTit{ font-size:13px; color:#666666; line-height:26px; transition:all 0.4s ease 0s;}
.honList li a:hover{ border-color:#3855aa;}
.honList li a:hover .honTit{ font-weight:bold; color:#3855aa;}
.honMore{ display:none; width:378px; height:50px; line-height:50px; background:#f2f2f2; font-size:16px; color:#666666; text-align:center; border-radius:25px; margin:0 auto; transition:all 0.4s ease 0s;}
.honMore.active{display: block;}
.honMore i{ font-size:14px;}
.honMore:hover,.honMore:focus:hover{ color:#FFFFFF; background:#00a0ea;}
.honMore:focus{ color:#666666;}
.hg-amplify{display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.7);z-index: 1040;}
.hg-ampbox{position: fixed;top: 50%;left: 50%;margin-left: -25%; padding: 8px;width: 50%;max-height: 86%; background: #fff;overflow-y: auto;transform: translateY(-50%);box-sizing: border-box;}
.hg-ampbox img{width: 100%;}
.hg-chi{position: absolute;top: 0;right: 0;display: inline-block;background: rgba(0,0,0,.5);color: #fff;width: 25px; height: 25px; text-align: center;cursor: pointer;}

.artlistBox{ padding:80px 0;}
.artlist{ padding:0 0 10px;}
.artlist li{ border-bottom:1px solid #e8e8e8; padding:0 0 38px; margin-bottom:38px;}
.artlist li a{ display:block; height:100%; font-size:14px; color:#8e8e8e; line-height:26px;}
.arImg{ position:relative; float:left; width:300px;}
.arImg img{ width:100%;max-height: 250px;}
.arTime{ position:absolute; left:15px; top:0; width:46px; height:70px; background:#3754a8; font-size:12px; color:#FFFFFF; line-height:20px; text-align:center; padding-top:25px;transition:all 0.4s ease 0s;}
.date{ font-size:18px; font-weight:bold;}
.arText{ margin-left:360px;}
.arTit{ font-size:22px; color:#444444; line-height:28px; padding:10px 0; transition:all 0.4s ease 0s;}
.arBrief{ height:104px; margin:5px 0 10px; overflow:hidden;}
.arBot{ font-size:13px; color:#b1b1b1;}
.arBot .pull-right{ font-size:14px; transition:all 0.4s ease 0s;}
.arBot .pull-right i{ width:22px; height:22px; border:1px solid #999999; border-radius:50%; line-height:20px; text-align:center; transition:all 0.4s ease 0s;}
.artlist li a:hover .arTime{ background:#e7141a;}
.artlist li a:hover .arTit,.artlist li a:hover .arBot .pull-right{ color:#3754a8;}
.artlist li a:hover .arBot .pull-right{ font-weight:bold;}
.artlist li a:hover .arBot .pull-right i{ background:#3754a8; border-color:#3754a8; color:#FFFFFF;}

.page{ text-align:center;}
.page img{ margin:0 auto; max-width:100%;}

.article{ position:relative; padding-right:170px;}
.arLef{ border-right:1px solid #dddddd; padding-bottom:70px;}
.arTop{ border-bottom:1px solid #dddddd; font-size:13px; color:#999999; line-height:22px; padding:60px 40px 30px 0;}
.arTopTit{ font-size:26px; color:#222222; line-height:150%;}
.arTop p{ padding:10px 0; margin:0 -5px;}
.arTop p span{ padding:0 5px;}
.arCon{ font-size:14px; color:#666666; line-height:200%; padding:10px 40px 10px 0; min-height:200px;}
.arCon p{ text-indent:2em; margin:20px 0;}
.arCon img{ max-width:100% !important; height:auto !important; margin:20px auto;}
.reList{ display:block; background:#e7141a; width:120px; height:40px; line-height:40px; color:#FFFFFF; text-align:center; border-radius:5px;}
.reList:hover,.reList:focus{ color:#FFFFFF;}

.arRig{ position:absolute; right:0; top:0; width:130px; padding:50px 0;}
.pager{ font-size:13px; color:#888888; line-height:24px; text-align:left; margin:0;}
.pager li{ display:block; padding-bottom:30px; font-size:14px; color:#999999; line-height:22px;}
.pager li p{ padding:0 0 5px;}
.pager li > a{ display:block; border:none; border-radius:0; color:#888888; padding:0; font-size:13px; line-height:24px; transition:all 0.4s ease 0s;}
.pager li > a:hover{ background:none; color:#3754a8;}
.share span{ font-size:14px; color:#999999; line-height:22px;}
.shareList li a{ display:inline-block; font-size:14px; color:#666666; line-height:36px; padding-left:25px; background-position:left center; background-repeat:no-repeat; transition:all 0.4s ease 0s;}
.shareIco1{ background-image:url(../images/shareIco1.png);}
.shareIco2{ background-image:url(../images/shareIco2.png);}
.shareIco3{ background-image:url(../images/shareIco3.png);}
.shareIco4{ background-image:url(../images/shareIco4.png);}
.shareList li a:hover{ color:#3754a8;}

.parTit{ padding-bottom:40px;}
.parTit h3{ font-size:28px; color:#222222; line-height:150%; padding-bottom:20px;}
.parBrief{ font-size:14px; color:#aaaaaa; line-height:200%; max-width:815px; margin:0 auto;}
.parList{ margin:0 -5px;}
.parList li{ padding:0 5px;}
.parList li a{ display:block; padding:15px 0;}
.parList li a img{ display:block; margin:0 auto; max-height:100%;}

.proTit{ font-size:36px; color:#3754a8; line-height:150%; padding:50px 0;}
.proBox1Bg{ border-top:1px solid #d9d9d9;}
.proBox1{ position:relative;}
.proBox1:after{ display:block; content:""; position:absolute; left:50%; top:0; height:100%; width:1px; background:#d9d9d9;}

.proBox1List{ margin:0; font-size:0;}
.proBox1Item{ padding:50px; width:50%; font-size:14px; display:inline-block; vertical-align:top;}
.proBox1Img{ float:left; width:50px;}
.proBox1Text{ margin-left:70px; color:#888888}
.proBox1H3{ font-size:22px; color:#111111;}
.proBox1Brief{ line-height:25px; margin:10px 0;}
.proBox1Text .box1CenItem li a{ color:#666666;}
.proBox1Text .box1CenItem li a:before{ background:#3754a8;}
.proBox1Text .box1CenItem li a:hover{ color:#FFFFFF;}
.proBox1Text .box1CenItem li a:hover:before{ background:#FFFFFF;}

.proBox2ItemBg:nth-child(2n+1){ background:#f3f3f3;}
.proBox2Img,.proBox2Text{ width:50%;}
.proBox2Item{ padding:110px 0;}
.proBox2Img{ float:right;}
.proBox2Img img{ max-height:100%; margin:0 auto;}
.proBox2Text{ float:left; color:#888888; padding:50px 50px 0;}
.proBox2Text .proBox1H3{ font-size:36px; color:#3754a8; line-height:150%; padding-bottom:10px;}
.proBox2Text .box1CenItem li a{ color:#555555; font-size:16px; line-height:36px; border-radius:18px;}
.proBox2Text .box1CenItem li a:before{ background:#3754a8;}
.proBox2Text .box1CenItem li a:hover{ color:#FFFFFF;}
.proBox2Text .box1CenItem li a:hover:before{ background:#FFFFFF;}
.proBox2Text .box1BotMore{ margin:20px 0 0; background:#324e9e; text-align:center;}
.proBox2ItemBg:nth-child(2n) .proBox2Img{ float:left;}
.proBox2ItemBg:nth-child(2n) .proBox2Text{ float:right;}

.soluBg .proBox2ItemBg:nth-child(2n+1){ background:#FFFFFF;}
.soluBg .proBox2ItemBg:nth-child(2n){ background:#f3f3f3;}

.case{ overflow:hidden; padding:0 0 50px;}
.caseTop{ padding:50px 0; margin:0 -5px;}
.caseTop li{ padding:5px;}
.caseTop li a{ display:block; height:36px; line-height:34px; border:1px solid #d5d5d5; padding:0 11px; color:#777777; border-radius:3px; transition:all 0.4s ease 0s;}
.caseTop li.active a,.caseTop li a:hover{ background:#00a0ea; border-color:#00a0ea; color:#FFFFFF;}
.caseBot{ padding-bottom:30px;}
.caseBot li{ padding:0 7px 20px;}
.caseBot li a{ display:block; height:100%; border:1px solid #dcdcdc; border-radius:4px; font-size:13px; color:#8d8d8d; line-height:26px; padding:20px 100px 20px 0; position:relative; transition:all 0.3s ease 0s;}
.caseImg{ float:left; width:260px; height:84px; display:flex; justify-content:center; align-items:center;}
.caseImg img{ margin:0 auto; max-width:100%; max-height:100%;}
.caseTit{ font-size:18px; color:#555555; line-height:32px;}
.caseBrief{ height:52px; overflow:hidden;}
.caseIco{ width:36px; height:36px; border:1px solid #d3d3d3; text-align:center; line-height:32px; font-size:22px; color:#3855aa; border-radius:50%; position:absolute; right:30px; top:50%; transform:translateY(-50%); transition:all 0.3s ease 0s;}
.caseBot li a:hover{ border-color:#FFFFFF; box-shadow:0 0 7px rgba(0,0,0,0.14);}
.caseBot li a:hover .caseIco{ background:#3855aa; border-color:#3855aa; color:#FFFFFF;}
.caseBox2HovBg{background:#000000; background: rgba(0,0,0,0.7);}
.caseBox{display: block;}
.caseBox2Item{ overflow:hidden; margin:0 -5px; font-size:12px; line-height:24px; opacity:0; transform:translateY(50%); transition:all 0.4s ease 0s;}
.caseBox2Item p{ /*float:left; width:50%;*/ padding:0 5px;text-indent: 2em;}
.box2Con:hover .caseBox2Item{ opacity:1; transform:translateY(0%); transition:all 0.4s ease 0.3s;}
.caseBtnBox{margin-top: 10%; text-align: center;}
.caseBtn{padding: 0 10px;background: none; color: #fff; border: 1px solid #fff; border-radius: 5px; box-sizing: border-box;}
.caseBoxBG{visibility: hidden;}
.caseBoxBG img{width: 100%;display: block;}
.caseBoxImg{position: absolute;top: 0;left: 0;right: 0;}


.joinBot{padding:30px 0 30px;display: none;}
.joinBot.active{display: block;}
.joinBot li{ padding:0 7px 20px;}
.joinBot li a{ display:block; height:100%; border:1px solid #dcdcdc; border-radius:4px; font-size:13px; color:#8d8d8d; line-height:26px; padding:20px 30px; position:relative; transition:all 0.3s ease 0s;}
.joinBot li a:hover{ border-color:#FFFFFF; box-shadow:0 0 7px rgba(0,0,0,0.14);}
.joinBot li a:hover .caseIco{ background:#3855aa; border-color:#3855aa; color:#FFFFFF;}
/*.joinImg{float:right; width:260px;height:84px; display:flex; justify-content:center; align-items:center;}*/
.joinImg{position:absolute; right: 0; top: 50%; width:260px;transform: translateY(-50%);}
.joinImg2{position:absolute; right: 60px; top: 15px; width:200px;}
.joinText{padding-right: 270px;box-sizing: border-box;}
.deliText{padding-right: 0;}
.joinTit{color: #00a0ea;font-size:17px; line-height:1.7;}
.joinSubhead{margin: 8px 0 5px;color: #333;font-size:15px; line-height:1.7;}
/*.joinBrief{}*/
.resume-delivery{margin: 0 5%;}
.resume-delivery li a{border: none;}
.m-deliver{margin: 10px 0 30px;}
.m-deliver p{color: #000;margin: 5px 0;}
.wx-code{margin-top: 15%;}
.hg-wchat{float: left; width: 204px;margin-right: 20px;}
.codeBrief{float: left; margin-top: 20px; color: #000;}

.contact{ padding:95px 0;}
.contactWay{ font-size:15px; color:#777777; line-height:36px; padding-left:90px;}
.contactWay h3{ font-size:26px; color:#222222; padding-bottom:15px;}

.contactShare{ background:url(../images/contactImg.png) center center no-repeat; width:493px; height:283px; color:#FFFFFF; text-align:center; padding-top:90px; background-size:cover;}
.contactShare li{ padding:0 15px; position:relative;}
.conShIco{ display:block; height:100%; color:#FFFFFF;}
.conShIco:hover{ color:#FFFFFF; opacity:0.8;}
.conShIco i{ display:block; width:58px; height:58px; border:1px solid #FFFFFF; border-radius:50%; text-align:center; line-height:56px; font-size:24px;}
.conWx{ position:absolute; left:50%; bottom:100px; transform:translateX(-50%); width:100px; height:0; overflow:hidden; transition:all 0.4s ease 0s;}
.contactShare li:hover .conWx{ height:100px;}

.contact_map{ height:400px;}

.contactBot{ padding:80px 0; background:url(../images/contactBotBg.png) center bottom no-repeat; background-size:contain;}
.conBotTit{ font-size:26px; color:#333333; line-height:36px; padding:15px 0;}
.conBotList{ font-size:0; margin:0; text-align:center; padding:0 60px;}
.conBotList li{ padding:25px; width:50%; font-size:14px; color:#777777; line-height:28px; text-align:left;}
.conBotList li .media{ padding:25px; min-height: 192px; border:1px solid #d2d2d2; border-radius:5px; background:#FFFFFF;}
.conBotList .media-left{ padding-right:25px;}
.conBotList .media-left img{ width:150px;}
.conBotList .media-left-logo img{ width:110px;}
.conBotList .media-body{ color:#777777; line-height:28px;}
.conBotList .media-body h3{ font-size:18px; color:#333333; line-height:28px;}

.proNavBg{ background:#FFFFFF;}
.proNavBg.proFixed{ position:fixed; left:0; top:0; width:100%; z-index:2; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.proNav{ padding:45px 0; transition:all 0.4s ease 0s;}
.proNavBg.proFixed .proNav{ padding:15px 0;}
.proNavTit{ float:left; font-size:28px; color:#111111; line-height:40px; max-width:400px;}
.proNavItem{ float:right; margin:0;}
.proNavItem li{ padding:1px;}
.proNavItem li a{ display:block; font-size:15px; color:#333333; line-height:36px; border:2px solid transparent; padding:0 15px; border-radius:20px; transition:all 0.4s ease 0s;}
.proNavItem li.active a,.proNavItem li a:hover{ border-color:#3754a8; color:#3754a8;}
.proWinLinke,.reProlist{ margin-left:10px; color:#FFFFFF !important; border-color:transparent !important;}
.proWinLinke{ background:#df292e;}
.reProlist{ background:#3754a8;}

.proBg1{ background:#f5f5f5; padding:70px 0;}
.pro1{}
.proText{ color:#666666; line-height:32px;}
.proText strong{ color:#3754a8;}
.proH3{ font-size:28px; color:#111111; line-height:36px; padding-left:20px; position:relative; margin-bottom:10px;}
.proH3:after,.proH3:before{ display:block; content:""; position:absolute; left:0; width:3px;}
.proH3:before{ height:3px; background:#df292e; top:5px;}
.proH3:after{ height:21px; background:#3754a8; top:10px;}
.probrief{ margin:30px 0; color:#666666; line-height:32px;}
.proText .proWinLinke{ display:block; width:108px; border:1px solid #3754a8 !important; border-radius:20px; background:none; color:#3754a8 !important; text-align:center; margin:10px 0 0;}
.proImg img{ max-width:100%; margin:0 auto;}

.proBg2{ padding:70px 0; position:relative;}
.proBg2Img{ position:absolute; left:0; top:0; width:100%; height:111px; background:url(../images/productBg2.png) center top no-repeat; animation:mainBg 80s infinite; z-index:-1;}
.pro2{ overflow:hidden; padding:30px 0 0;}
.pro2 li{ border-right:1px solid #e8e8e8;}
.proText2{ font-size:14px; color:#777777; line-height:26px; padding:0 25px;}
.proText2 h4{ margin:0; font-size:18px; color:#3754a8; line-height:200%; margin:10px 0;}
.pro2 li:last-child{ border-right:none;}
.pro2 li:first-child .proText2{ padding-left:0;}

.proBg3{ padding:0 0 70px; position:relative;}
.pro3Top{ background:url(../images/pro3TopBg.jpg) center center no-repeat; background-size:cover; padding:70px 0 0;}
.pro3Top .proH3{ color:#FFFFFF;}
.pro3Top .proH3:after,.pro3Top .proH3:before{ background:#FFFFFF;}
.proTab3{ padding:30px 0 0; margin:0 -3px;}
.proTab3 li{ padding:0 3px;}
.proTab3 li a{ display:block; color:#FFFFFF; font-size:15px; line-height:44px; padding:0 15px; border:1px solid #FFFFFF; border-bottom:none; border-radius:4px 4px 0 0; transition:all 0.4s ease 0s;}
.proTab3 li.active a,.proTab3 li a:hover{ background:#FFFFFF; color:#3754a8; font-weight:bold;}

.pro3Bot .swiper-slide{ overflow:hidden;}
.proH4{ font-size:24px; color:#333333; line-height:32px;}
.pro3{ padding:70px 0 0;}
.pro3 .probrief{ margin:15px 0 0;}

.proBg4{ background:#f5f5f5; padding:70px 0;}
.pro4{ margin:0 -22px;}
.pro4 li{ padding:0 22px 10px;}
.pro4 li a{ display:block; height:100%; font-size:15px; color:#555555; line-height:36px;}
.pro4 li a img{ margin:0 auto; max-width:100%;}

.winBg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1031; display:none;}
.winBox{ position:fixed; left:50%; top:50%; width:100%; transform:translate(-50%,-50%); border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,0.3); max-width:590px; background:#FFFFFF; padding:20px 70px 40px; z-index:1032; display:none;}
.winClose{ display:block; width:20px; height:20px; position:absolute; right:20px; top:20px; background:url(../images/close.png) center center no-repeat; background-size:cover; cursor:pointer;}
.winTit{ font-size:22px; color:#444444; line-height:36px; padding:25px 0;}
.winTit i{ font-size:24px; color:#3855aa;}
.winList{}
.winList li{ position:relative; margin-bottom:20px;}
.winList li span{ position:absolute; right:-10px; top:0; line-height:42px;}
.winList li i{ display:block; position:absolute; left:15px; top:0; width:25px; font-size:14px; color:#b8b8b8; text-align:center; line-height:42px;}
.winList li input{ width:100%; height:42px; border:1px solid #d5d5d5; border-radius:20px; background:#FFFFFF; padding:5px 10px 5px 40px; line-height:30px; appearance:none; -webkit-appearance:none;}
.winList li input[type="submit"]{ background:#e7141a; color:#FFFFFF; border-color:#e7141a; padding:0; line-height:40px;}
.winTip{ font-size:12px; color:#999999; line-height:36px;}


.soluBg3{ background:url(../images/soluBg3.jpg) repeat; padding:70px 0;}
.soluBg4{ padding:0 0 70px; position:relative;}
.soluBg5{ padding:70px 0;}

.solu2{ padding:15px 0 0;}
.solu2 li{ padding:25px;}
.solu2Img{ float:left; width:74px; height:74px; border-radius:3px; background:#3754a8;}
.solu2Text{ margin-left:110px;}
.solu2Tit{ font-size:16px; color:#3754a8; line-height:26px; padding-bottom:5px;}
.solu2Brief{ font-size:14px; color:#7e7e7e; line-height:24px; max-height:48px; overflow:hidden;}

.soluBg3 .proH3{ color:#FFFFFF;}
.soluBg3 .proH3:after,.soluBg3 .proH3:before{ background:#FFFFFF;}
.soluBg3 .proText2,.soluBg3 .proText2 h4{ color:#FFFFFF;}
.soluBg3 .proText2{ padding:0 10px;}

.soluBg4 .proBg2Img{ z-index:0;}
.soluBg4 .pro3Top{ background:#FFFFFF;}
.soluBg4 .pro3Top .proH3{ color:#111111;}
.soluBg4 .pro3Top .proH3:after{ background:#3754a8;}
.soluBg4 .pro3Top .proH3:before{ background:#df292e;}
.soluBg4 .proTab3 li a{ color:#2a49a4; border-color:#3754a8;}
.soluBg4 .proTab3 li.active a,.soluBg4 .proTab3 li a:hover{ background:#3754a8; color:#FFFFFF; border-color:#3754a8;}

.solu5Text{ border-top:1px solid #d7d7d7; margin-top:25px; padding:20px 0 0;}
.solu5Text h4{ font-size:22px; color:#3754a8; padding:30px 0; font-weight:bold; text-align:center;}
.solu5Text img{ display:inline-block; margin:0 auto; max-width:100% !important; height:auto !important;}

/* 2025-08 */
img {max-width: 100%;}
.xy_w100{width: 100%;}
.single-line-ellipsis {
  white-space: nowrap; /* 禁止文本换行 */
  overflow: hidden;    /* 隐藏超出容器的内容 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}
.two-lines-ellipsis {
  display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */
  -webkit-line-clamp: 2; /* 限制在一个块元素显示的文本的行数 */
  -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
  overflow: hidden; /* 隐藏超出容器的内容 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}
.xy_paragraph{text-indent: 2em;}
.xy_paragraph2{text-indent: 2em;}
.index_footer {padding: 20px 0;background-color: #fff;}
.foot_sub_title {color: #666;margin-top: 10px;}
.index_foot_r {display: inline-block;margin-left: 2%;padding-left: 32px;font-size: 16px;line-height: 30px;background-position: left;background-repeat: no-repeat;}
.foot_call {background-image: url("../images/newindex/icon_call.png");}
.foot_email {background-image: url("../images/newindex/icon_email.png");}
.foot_addr {background-image: url("../images/newindex/icon_addr.png");}

.xy-container {
	padding: 10px 6%;
	max-width: 1920px;
}
.xy-container2 {
	padding: 10px 6%;
	max-width: 1920px;
	background-color: #fff;
}
.breadcrumb-box {
	background-color: #fff;
}
.breadcrumb-box a {color: #666;}
.breadcrumb-box a:hover {color: #2177d7;}
.xy_tMenu1 .xy_tTitle1 {
    width: 100%;
    text-align: center;
    cursor: pointer;
}
.xy_tMenu1 a {
    display: block;
    height: auto;
    width: 100%;
}
.xy_tMenuLi1{list-style: none;}
.xy_tMenuLi1-select a {
    color: rgb(255, 255, 255);
}
.data_col {
    height: 1235px;
}
.xy_img {
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.xy_img a, .xy_img img {
    display: block;
    width: 100%;
    height: 100%;
}
.xy_text {
    height: auto;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    text-align: left;
    word-wrap: break-word;
    word-break: normal;
}
.xy_text a:hover, .xy_text a:link, .xy_text a:visited, .xy_text a, .xy_ibtn a,
.xy_tMenuLi1 a:hover, .xy_tMenuLi1 a:link, .xy_tMenuLi1 a:visited, .xy_tMenuLi1 a{
    color: inherit;
    text-decoration: none;
}
.xy_ibtn {
    display: block;
    width: 150px;
    height: 40px;
    overflow: hidden;
}
.xy_ibtn a {display: block;height: 100%;}
.xy_ibtn input{line-height: normal;border: none;background-color: transparent;width: 100%;height: 100%;outline: 0;}

.xy-r-content {padding-left: 0px;background-color: #ffffff;max-width: 100%;}
.xy_title_txt{}
.xy_lineheight_2em{line-height: 2em;}
.xy_r_content_con .active{display: block !important;}
.xy_module_title{padding-bottom: 0px;
	padding-top: 35px;
	width: auto;
	color: #2177d7;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	text-decoration-line: none;
	text-align: center;
	line-height: 32px;
	position: relative;
	top: 0px;
	left: 0px;}
.xy_module_subtitle {padding-bottom: 0px;
	padding-top: 35px;
	width: auto;
	color: #2177d7;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	text-decoration-line: none;
	text-align: left;
	line-height: 32px;
	position: relative;
	top: 0px;
	left: 0px;}
.xy_module img {width: 100%;}
.xy_module .xy_paragraph {padding: 25px 0;}
.level-icon {
	position: relative;
  width: 36px;
  height: 36px;
  display: inline-block;
  padding: 6px;
  margin-right: 12px;
  vertical-align: middle;
  border-radius: 50%;
}
.level-icon-bgcol1{background-color: #2177d7;}
.level-icon-bgcol2{background-color: #0AAFF4;}
.level-icon-bgcol3{background-color: #0ACB49;}
.level-icon img {display: block;}
.level-icon-cube {position: relative;display: flex; margin-right: 12px; background: #fff;justify-content: center; align-items: center; visibility: visible;}
.cube-1 {display: inline-block;box-sizing: border-box; width: 20px; height: 20px; background-image: -webkit-linear-gradient(right, rgb(198, 217, 240), rgb(244, 246, 255)); flex-shrink: 0; overflow: hidden; visibility: visible;}
.cube-2 {display: inline-block;box-sizing: border-box; width: 10px; height: 10px; background-image: -webkit-linear-gradient(right, rgb(69, 153, 255), rgb(82, 127, 255)); margin-top: 18px; margin-left: -4px; flex-shrink: 0; overflow: hidden; transform: rotate(0deg); visibility: visible;}
.level-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #2177d7;
  display: flex;
  align-items: center;
}
.level-title-colblack {color: #333;font-size: 18px;}
/* 层级容器间距调整 */
.level-section {
	position: relative;
  margin-bottom: 1.5rem;
}
.l-line {
	position: absolute;
	top: 5px;
	left: 18px;
	bottom: -12px;
	border-left: 2px #7BDCF4 dashed;
}
.l-line2 {
	position: absolute;
	top: 5px;
	left: 20.5px;
	bottom: -12px;
	border-left: 1px rgb(69, 153, 255) solid;
}

.l-line-col2 {
	/* border-image: linear-gradient(to bottom, #7BDCF4, #ffffff) 1; */
	border-left-width: 3px;
	border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%237BDCF4'/%3E%3Cstop offset='100%25' stop-color='%23FDFFFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,0 L100,0 L100,100 L0,100 Z' fill='none' stroke='url(%23grad)' stroke-width='4' stroke-dasharray='1,1' /%3E%3C/svg%3E") 1 stretch;
}
.li_arrow{display: inline-block; width: 10px;margin-right: 8px;text-indent: 0;}
.li_block {display: inline-block; margin-right: 15px; width: 4px; height: 4px; background: rgb(69, 153, 255);vertical-align: middle;}
.xy-list-group{margin-left: 40px;}
.xy-list-group li {
	list-style: none;
}
.xy-list-group2 {margin-left: 55px; color: rgb(69, 153, 255);}
.xy-list-group2 li {list-style: square;}
.milestone-item {color: #333;}
.milestone-item-img {text-align: center;}
.milestone-item-img img {margin-top: 5px; margin-bottom: 25px;max-width: 100%;width: 270px !important;
    height: auto !important;}
.newsInfo_list{margin-bottom: 20px;}
.newsInfo_list .news-l-img{
	width: 100%;height: 100%;
	background-color: #e9e9e9;
	background-position: center;
	background-repeat: no-repeat;
	/* background-size: contain; */
	background-size: cover;
}
.cont_moudle_title{
	position: relative;
	margin-bottom: 10px;
}
.cont_moudle_title2{
	position: relative;
	margin-bottom: 15px;
}
.cont_moudle_title_licon{position: absolute;left: 0;top: 0;z-index: 1;
	padding: 15px;width: 60px;height: 60px;font-size: 25px;font-weight: bold;text-align: center;
	border-radius: 50%;background-color: #2681F2;color: #fff;}
.cont_moudle_title_licon2{position: absolute;left: 0;top: 0;z-index: 1;
	width: 60px;height: 60px;font-size: 25px;line-height: 60px;font-weight: bold;text-align: center;
	border-radius: 50%;background-color: #2681F2;color: #fff;}
.cont_moudle_title_licon img{display: block;}
.licon_bg2{background-color: #18BDFF;}
.licon_bg3{background-color: #11D250;}
.licon_bg4{background-color: #FE8109;}
.cont_moudle_title_text, .cont_moudle_title_text2{
	position: relative;
	margin-left: 15px;
	padding: 15px 15px 15px 70px;
	font-size: 20px;
	font-weight: 600;
	color: #093886;
}
.cont_moudle_title_text{background: linear-gradient(to right, #ffffff, #DBF8FF, #ffffff);}
.cont_moudle_title_text2{background: linear-gradient(to right, #DBF8FF, rgba(255, 255, 255, 0));margin-left: 30px;
    padding-left: 50px;color: #2177d7;}
.cont_moudle_title_text::before, .cont_moudle_title_text::after,
.cont_moudle_title_text2::before, .cont_moudle_title_text2::after{
	position: absolute;
	left: 0; right: 0;
	border-top: 2px #7BDCF4 solid;
	content: ' ';
}
.cont_moudle_title_text::before, .cont_moudle_title_text::after{
	border-image: linear-gradient(to right, #ffffff, #9AE9FF, #ffffff) 1;
}
.cont_moudle_title_text2::before, .cont_moudle_title_text2::after{
	border-image: linear-gradient(to right, #9AE9FF, rgba(255, 255, 255, 0)) 1;
}
.cont_moudle_title_text::before, .cont_moudle_title_text2::before{top: 0;}
.cont_moudle_title_text::after, .cont_moudle_title_text2::after{bottom: 0;}
.cont_moudle_title_text span{color: #2177d7;}
.cont_moudle_txt span{color: #000;}
.xy_bus_ability {position: relative;margin: 0 4% 60px;padding: 15px 0 15px 10px;border: 2px dotted #8FB7E8;background: #F5FCFE;}
.corner-square{position: absolute;display: block;width: 8px;height: 8px;background: #00E8FF;border: 2px solid #33AEE7;}
.corner-lt{top: -4px;left: -4px;}
.corner-rt{top: -4px;right: -4px;}
.corner-lb{bottom: -4px;left: -4px;}
.corner-rb{bottom: -4px;right: -4px;}

.zy-ewm{display: inline-block;vertical-align: middle;}
.honour_book_img {
	padding: 10px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
}
.honour_book_item1 {width: 32%;}
.honour_book_item2 {width: 32%;}
.honour_book_item3 {width: 35%;}
@media (min-width:1275px){
	.container{ width:1230px;}
	.parList li{ width:20%;}
}
@media (min-width:769px) {
	.xy_noMargin_row{margin-left: 0;}
	.main_bgcolor {background-color: #f9f9f9;}
	.xy-container {
		padding: 60px 6%;
		max-width: 1920px;
	}
	.breadcrumb-box {
		width: 100%;
		font-size: 16px;
		position: relative;
		top: 0px;
		left: 0px;
		line-height: 80px;
	}
	.breadcrumb-cont {
		margin-left: auto;
		margin-right: auto;
		padding-left: 6%;
		padding-right: 6%;
		float: none;
		max-width: 1920px;
		line-height: 80px;
	}
	.xy-menus {max-width: 340px;}
	.xy_tMenu {
		width: 270px;
		max-width: 100%;
		background-color: #ffffff;
		position: relative;
		top: 0px;
		left: 0px;
	}
	.xy_tMenuLi1 {
		padding-left: 40px;
		width: auto;
		color: #666666;
		line-height: 60px;
		background-color: transparent;
	}
	.xy_tMenuLi1.xy_tMenuLi1-select, .xy_tMenuLi1:hover {
		color: #ffffff;
		background-image: url(../images/menuBg.png);
		background-position: left;
		background-repeat: no-repeat;
	}
	.xy_tMenuLi1:hover{box-shadow: rgb(188, 211, 242) 0px 0px 3px;}
	.xy_tMenuA1 {
		text-align: left;
		font-size: 16px;
	}
	
	.newsInfo {background-color: #f9f9f9;min-height: 350px;}
	.data_col:nth-child(1n) {
		margin-bottom: 20px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		width: 100%;
		height: auto;
		background-color: #ffffff;
	}
	.newsInfo .xy_img {
		margin-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		width: auto;
		height: 183px;
		float: none;
		overflow: hidden;
		position: relative;
		top: 0px;
		left: 0px;
	}
	.news_r_txt {
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 40px;
		padding-top: 10px;
		float: left;
		overflow: visible;
		display: block;
	}
	.xy_info_title {
		padding-bottom: 0px;
		width: auto;
		height: 50px;
		color: #777777;
		font-size: 16px;
		line-height: 55px;
		position: relative;
		top: auto;
		left: auto;
		display: block;
		overflow-x: hidden;
		overflow-y: hidden;
		float: none;
	}
	.xy_info_cont {
		width: auto;
		height: auto;
		color: #999999;
		font-size: 13px;
		line-height: 24px;
		position: relative;
		top: auto;
		left: auto;
	}
	.xy_info_btn {
		margin-top: 20px;
		color: #8a8a8a;
		font-size: 14px;
		border-top-color: #e5e5e5;
		border-top-style: solid;
		border-top-width: 1px;
		border-right-color: #e5e5e5;
		border-right-style: solid;
		border-right-width: 1px;
		border-bottom-color: #e5e5e5;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-left-color: #e5e5e5;
		border-left-style: solid;
		border-left-width: 1px;
		position: relative;
		top: 0px;
		left: 0px;
	}
	
	.xy-r-content-title{border-bottom-color: #e9e9e9;border-bottom-style: solid;border-bottom-width: 1px;padding-left: 40px;}
	.xy_title_txt{
		padding-bottom: 20px;
		padding-top: 25px;
		width: auto;
		float: left;
		color: #2177d7;
		font-size: 26px;
		font-weight: bold;
		line-height: 30px;
		border-bottom-style: solid;
		border-bottom-width: 3px;
		position: relative;
		top: 0px;
		left: 0px;
		box-shadow: rgb(0, 0, 0) 0px 0px 0px;
	}
	.xy_title_txt h2{font-size: 26px;line-height: 30px;}
	.xy_r_content_con {padding-bottom: 40px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 40px;
        min-height: 280px;}
	.classify-belong{margin-left: 15px;}
}
@media (max-width:1600px){
	.logo{ top:17px; left:15px;}
	.navLi{ height:74px;}
	.navLi h3 a{ padding:19px 5px;}
	.hdRigList li{ line-height:74px;}
	.hdWx,.navSub{ top:74px;}
	
	.title h2{ font-size:32px; padding:15px 0;}
	
	.box2Bg{ padding:50px 0;}
	.box3Bg{ padding:50px 0;}
	.box4Bg{ padding:50px 0;}
	
	.box1CenPrev{ left:-100px;}
	.box1CenNext{ right:-100px;}
	
	.bannerN{ height:400px;}
	.banH2{ font-size:26px;}
	.onepage{ padding:60px 0;}
	.hisPrev{ left:-50px;}
	.hisNext{ right:-50px;}
	
	.honour{ padding:50px 0;}
	
	.proTit{ font-size:32px; padding:30px 0;}
	.proBox2Item{ padding:80px 0;}
	.proBox2Text .proBox1H3{ font-size:32px;}
	
}
@media (max-width:1400px){	
	.box1Cen{ padding:0 30px;}
	.box1CenPrev{ left:-10px;}
	.box1CenNext{ right:-10px;}
	.bannerN{ height:350px;}
	
	.onepage{ padding:40px 0;}
	.hisTit{ font-size:24px; padding-bottom:10px;}
	.hisBg{ padding:45px 0 25px;}
	.history{ padding:0 35px;}
	.hisTextBg{ height:160px;}
	.hisIco{ height:70px;}
	.hisIco:after{ height:57px;}
	.hisYear{ font-size:20px;}
	.hisPrev{ left:0px;}
	.hisNext{ right:0px;}
	
	.caseTop{ padding:30px 0; margin:0 -3px;}
	.caseTop li{ padding:3px;}
	
}
@media (max-width:1200px){	
	.logo{ left:15px; width:143px;}
	.navList{ position:relative; left:-40px;}
	.navLi{ height:64px;}
	.navLi h3 a{ padding:14px 3px; font-size:14px;}
	.navLi h3 a span{ padding:0 15px;}
	.hdRigList li{ line-height:64px;}
	.hdWx,.navSub{ top:64px;}
	
	.ban1Img{ width:70%; transform:scale(0.8);}
	.ban1Text{ width:30%;}
	.banLink{ height:34px; line-height:32px; width:120px;}
	
	.title h2{ font-size:28px; padding:10px 0;}
	.titleBrief{ padding:10px 0;}
	
	.box1Bg{ padding:30px 0;}
	.box1CenBg{ min-height:400px;}
	.wavesBg{ padding-bottom:100px;}
	.box1Cen{ margin:35px 0 0;}
	.box1CenH3{ font-size:24px;}
	.box1CenBrief{ font-size:14px; margin:5px 0;}
	.box1Bot{ margin:0 -22px; padding:20px 0;}
	.box1Bot li{ padding:10px 22px;}
	.box1Bot li:after{ width:100px; right:-50px;}
	.box1BotH3{ font-size:18px;}
	
	.box2Bg{ padding:30px 0;}
	.box2List{ margin:0 -15px;}
	.box2List li{ padding:0 15px 15px;}
	.box2Tit{ font-size:16px; line-height:24px;}
	.box2HovBg{ padding:25px 15px;}
	.box2Hov h4{ padding:10px 0;}
		
	.box3Bg{ padding:30px 0;}
	.box3List .swiper-slide{ padding:10px;}
		
	.box4Bg{ padding:30px 0;}
	.box4List .swiper-slide{ padding:10px;}
	.box4Num{ font-size:32px;}
	
	.footTop{ padding:20px 0;}
	.footLink li{ margin-right:30px;}
	.footLink h3 a{ font-size:14px;}
	.footSub{ padding:10px 0 0;}
	.fTel{ font-size:30px;}
	.footBot{ padding:25px 0 0;}
	
	.bannerN{ height:300px;}
	
	.oneTop{ padding-bottom:15px;}
	.oneTop img{ max-width:50% !important;}
	.oneText{ padding-bottom:30px;}
	.oneBtn a{ width:170px; height:44px; line-height:40px;}
	.hisText p.text-center strong{ font-size:20px;}
	.hisPrev, .hisNext{ width:20px; height:39px;}
	
	
	.honour{ padding:30px 0;}
	.honList{ margin:0 -10px; padding:15px 0;}
	.honList li{ padding:10px;}
	.honList li a{ padding:5px;}
	.honImg{ margin-bottom:5px;}
	.honMore{ width:300px; height:46px; line-height:44px;}
	
	.artlist li{ padding-bottom:25px; margin-bottom:25px;}
	.arImg{ width:270px;}
	.arText{ margin-left:300px;}
	.arTit{ font-size:18px; padding:5px 0;}
	
	.arTop{ padding:40px 40px 20px 0;}
	.arTopTit{ font-size:24px;}
	
	.proTit{ font-size:28px;}
	.proBox1Item{ padding:50px 25px;}
	.proBox1Img{ width:35px;}
	.proBox1Text{ margin-left:45px;}
	.proBox1H3{ font-size:20px;}
	
	.proBox2Item{ padding:50px 0;}
	.proBox2Text{ padding:25px 25px 0;}
	.proBox2Text .proBox1H3{ font-size:20px; padding-bottom:0;}
	.proBox2Text .box1CenItem li a{ font-size:14px; line-height:26px;}
	
	.caseBot li a{ padding:20px 70px 20px 0;}
	.caseImg{ width:200px;}
	.caseIco{ right:20px; width:32px; height:32px; line-height:28px;}
	
	.joinBot {padding:15px 0;}
	.joinBot li a{ padding:20px 30px;}
	.resume-delivery{margin: 0;}
	
	.contact{ padding:70px 0;}
	.contactWay{ padding-left:0;}
	.contactWay h3{ font-size:20px;}
	.contactShare{ width:430px; height:247px; padding-top:70px;}	
	.contact_map{ height:350px;}
	.conBotList{ padding:0;}
	.conBotList li{ padding:15px;}
	
	.proBg1,.proBg2,.proBg4{ padding:50px 0;}
	.proBg3{ padding:0 0 50px;}
	.pro3Top,.pro3{ padding:50px 0 0;}
	.proH3{ font-size:24px;}
	.proH3:before{ top:10px;}
	.proH3:after{ top:15px; height:18px;}
	.proText2 h4{ margin:5px 0; font-size:16px;}
	.proText2{ padding:0 15px;}
	
	.proTab3 li a{ line-height:38px; font-size:14px;}
	
	.pro4{ margin:0 -10px;}
	.pro4 li{ padding:0 10px 10px;}
	.pro4 li a{ font-size:14px;}
	
	.proNav{ padding:25px 0;}
	.proNavTit{ font-size:22px; max-width:320px; line-height:30px;}
	.proNavItem li a{ font-size:14px; padding:0 10px; line-height:30px;}
	
	.winBox{ padding:15px 30px; max-width:500px;}
	.winTit{ padding:15px 0; font-size:18px;}
	.winTit i{ font-size:20px;}
	.winList li{ margin-bottom:15px;}
	
	.soluBg3{ padding:50px 0;}
	.soluBg4{ padding:0 0 50px;}
	.soluBg5{ padding:50px 0;}
	.solu2 li{ padding:20px;}
	.solu2Text{ margin-left:90px;}
}
@media (max-width:992px){
	.headerBg{ background:rgba(0,0,0,0.6); margin-top:0;}
	.logo{ float:left; position:static; padding:10px 0;}
	.hdRig{ float:right; position:static;}
	.hdRigList li{ line-height:54px; height:54px;}
	.hdShare{ margin-top:0;}
	.hdWx{ top:54px; right:0;}
	.navBoxm{ padding:10px 0 20px; max-height:400px; overflow-y:auto; display:none;}
	.navLi h3{ border-bottom:1px solid rgba(255,255,255,0.25);}
	.navLi h3 a{ padding:0;}
	.navLi h3 a span{ padding:0; border:none; background-position:right center; background-repeat:no-repeat;}
	.navLi.has h3 a span{ background-image:url(../images/navLiBg.png);}
	
	.navLi{ float:none; height:auto; width:100%;}
	.navlistm .navLi h3 a{ padding:0;}
	.navSub{ position:static; left:0; width:100%; margin-left:0; padding:0;}
	.navSub:before{ display:none;}
	.navSubList{ border-radius:0; background:none; padding:0 0 0 15px;}
	.navSubLi h4 a{ line-height:38px;}
	.navThrList{ padding:0 0 0 15px;}
	.navThrLi h5 a{ line-height:38px;}
	
	.menuBtn{ float:right; width:40px; height:40px; margin-top:7px; z-index:3; cursor:pointer; overflow:hidden;}
	.menuBtn span{ display:block; background:#FFFFFF; width:16px; height:1px; font-size:0; margin:14px auto 0; transition:all 0.3s ease 0s;}
	.menuBtn span:first-child + span{ margin-top:4px;}
	.menuBtn span:first-child + span + span{ margin-top:4px;}
	.menuBtn.active span:first-child + span{ transform:translateX(-40px);}
	.menuBtn.active span:first-child{ width:20px; transform:rotate(45deg) translate(4px,4px);}
	.menuBtn.active span:first-child + span + span{ width:20px; transform:rotate(-45deg) translate(3px,-4px);}
	
	.banner{ height:auto;}
	/*.banPc{ display:none;}
	.banMob{ display:block;}*/
	.ban1Con{ padding: 5% 0;box-sizing: border-box;}
	
	.ban1IcoLi1{ left:0;}
	.ban1IcoLi2{ left:-35px;}
	.ban1IcoLi3{ left:0;}
	.ban1IcoLi4{ right:-23px;}
	.ban1IcoLi5{ right:-35px;}
	.ban1IcoLi6{ right:-23px;}
		
	.box1CenBg{ height:auto;}
	.box1CenText,.box1CenImgBg{ float:none; width:100%; max-width:none;}
	.box1CenText{ padding-bottom:20px;}
	
	.box1BotImgBg{ width:154px; height:154px;}
	.box1BotCir{ width:124px; height:124px; margin-left:-62px; margin-top:-62px;}
	.box1Bot li a:hover .box1BotImg{ width:100px; height:100px;}
	
	.box2List{ margin:0 -5px;}
	.box2List li{ padding:0 5px 10px;}
	.box2Tit{ font-size:14px; line-height:22px; padding:10px;}
	.box2HovBg{ padding:15px 10px;}
	.box2Hov h4{ font-size:16px; padding:5px 0;}
	
	.footTopR{ float:none; text-align:center; padding-bottom:15px;}
	.kefu{ float:none; margin:0 auto 10px;}
	.footLink li{ margin:0; width:15%;}
	.footLink li:nth-child(2){ width:20%;}
	.footLink li:nth-child(3){ width:20%;}
	.footBot{ padding:20px 0 0px; text-align:center;}
	.footLogo{ float:none; padding-left:0; margin:0 auto 15px;}
	.footBot p{ line-height:24px; padding:9px 0;}
	
	.online{ top:auto; bottom:3%; transform:translateY(0);}
	.online li{ display:none;}
	.online li.online_top{ display:block; opacity:0.7;}
	.onlineIco:hover{ color:#FFFFFF; background:#3351a8; width:35px;}
	.onlineIco:hover i{ text-align:center; width:35px;}
	
	.artlist li{ padding-bottom:25px; margin-bottom:25px;}
	.arImg{ width:200px;}
	.arText{ margin-left:220px;}
	.arTit{ font-size:16px;}
	.arBrief{ height:52px; margin:0 0 10px;}
	
	.article{ padding-right:150px;}
	.arLef{ padding-bottom:35px;}
	.arCon{ padding:10px 20px 10px 0;}
	.arTop{ padding:30px 20px 15px 0;}
	.arTopTit{ font-size:20px;}
	
	.parTit{ padding-bottom:20px;}
	.parTit h3{ font-size:22px; padding-bottom:10px;}
	
	.proTit{ font-size:24px; padding:25px 0;}
	.proBox1:after{ display:none;}
	.proBox1Item{ width:100%; border-bottom:1px solid #d9d9d9; padding:25px 0;}
	.proBox1Item:last-child{ border:none;}
	
	.proBox2Item{ padding:25px 0;}
	.proBox2Img,.proBox2Text{ float:none !important; width:100%;}
	.proBox2Text{ padding:25px 0 0;}
	
	.case{ padding-bottom:40px;}
	.caseTop{ padding:20px 0;}
	.caseBot{ padding-bottom:15px;}
	.caseBot li a{ padding:15px 50px 15px 0;}
	.caseImg{ width:160px;}
	.caseTit{ font-size:16px;}
	.caseIco{ right:10px; width:28px; height:28px; line-height:24px; font-size:18px;}
	
	.joinBot{padding-bottom:15px;}
	.joinBot li a{ padding:15px 20px;}
	.joinTit{font-size:16px;}
	
	.contact{ padding:40px 0;}
	.contactWay{ padding-bottom:15px; font-size:14px;}
	.contactWay h3{ padding-bottom:10px;}
	.contactShare{ margin:0 auto;}
	
	.contactBot{ padding:40px 0;}
	.conBotTit{ font-size:22px;}
	.conBotList li{ padding:0 0 10px; width:100%;}
	.conBotList li .media{ padding:10px;}
	.conBotList .media-left{ padding-right:10px;}
	.conBotList .media-left img{ width:100px;}
	.conBotList .media-body h3{ font-size:16px;}
	
	.proNav{ padding:15px 0;}
	.proNavTit{ float:none; max-width:none; font-size:20px;}
	.proNavItem{ float:none; text-align:left; padding:10px 0 0;}
	.proNavBg.proFixed .proNav{ padding:5px 0;}
	.proWinLinke,.reProlist{ margin-left:0;}
	
	.proText{ padding-bottom:25px;}
	.probrief{ margin:15px 0;}
	.proImg img{ float:none !important;}
	
	.pro2 li{ margin:0 0 20px; text-align:center;}
	.pro2 li:nth-child(2n){ border:none;}
	.pro2 li img{ margin:0 auto;}
	.proText2{ padding:15px !important;}
	
	.proTab3{ margin:0;}
	.proTab3 li{ padding:0;}
	.pro3 .proText{ padding:25px 0 0;}
}
@media (max-width:767px){		
	.headerBg{ transform:translateY(0) !important;}
	.box1Num{ font-size:18px;}
	.box1Num span{ font-size:30px;}
	
	.box1Bot{ margin:0 -15px;}
	.box1Bot li{ padding:10px 15px;}
	.box1Bot li:after{ display:none;}
	.box1BotBrief{ height:auto; max-height:52px;}
	
	.box2HovBg{ display:flex; justify-content:center; align-items:center;}
	.box2Item{ text-align:center;}
	.caseBox2Item{text-align:center;}
	
	.bannerN{ height:250px;}
	.banH2{ font-size:22px;}
	
	.hisTit{ font-size:20px;}
	.history{ padding:0 10px;}
	.history .swiper-slide{ height:100%;}
	.history .swiper-slide.odd{ padding:0;}
	.hisBox{ background-position:center 60px;}
	.hisYear{ padding:12px 0; font-size:18px;}
	.hisIco:before{ background:#FFFFFF; top:0 !important; bottom:auto !important;}
	.hisIco:after{ top:13px !important; bottom:auto !important;}
	.hisTextBg{ height:auto;}
	.hisText{ position:static; text-align:center; padding:10px !important;}
	.hisPrev,.hisNext{ top:40px; transform:translateY(0%);}
	.hisPrev{ left:-10px;}
	.hisNext{ right:-10px;}
	
	.honTab{ margin:0 -5px;}
	.honTab li{ padding:0 5px;}
	.honTab li a{ min-width:100px; height:34px; line-height:32px;}
	
	.joinText{padding: 0;}
	
	.article{ padding-right:0;}
	.arLef{ min-height:200px !important; border:none; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
	.arTop{ padding:20px 0 10px;}
	.arCon{ padding:10px;}
	.arCon p,.arCon img{ margin:10px 0;}
	.arRig{ position:static; width:100%; padding:0 0 20px;}
	.pager li{ padding-bottom:15px;}
	
	.mainSpace{ display:none !important;}
	.proNavBg.proFixed{ position:static;}
	.proNavBg.proFixed .proNav{ padding:15px 0;}
	.pro2 li{ margin:0; padding:10px 0; border-bottom:1px solid #e8e8e8 !important; height:auto !important;}
	.pro2 li:last-child{ border:none !important;}
	
	.proTab3 li{ padding:4px 0 0;}
	.proH4{ font-size:20px;}
	
	
	/* 2025-08 */
	.hidden-sm {
		display: none !important;
	}
	.index_footer{background-color: #f3f3f3;}
	.breadcrumb-box {
		padding-bottom: 10px;
		padding-left: 10px;
		padding-top: 10px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #e9e9e9;
		margin-bottom: 20px;
		font-size: 14px;
	}
	.xy-menus-md {
		margin-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.xy_tMenuLi1 {
		margin-right: 1px;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
		float: left;
		color: #333333;
		background-color: #f6f6f6;
		border-right-color: #ffffff;
		border-right-style: solid;
		border-right-width: 1px;
		border-bottom-color: #ffffff;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}

	.xy_tMenuLi1.xy_tMenuLi1-select {
		background-color: #2177d7;
		color: #ffffff;
	}
	.data_col {
		margin-bottom: 20px;
		float: none;
		padding-left: 10px;
		padding-bottom: 10px;
		padding-right: 10px;
		margin-left: 0px;
		margin-right: 0px;
		padding-top: 10px;
	}
	.data_col:nth-child(1n) {
		/* margin-left: 3%; */
		/* margin-right: 3%; */
		padding-bottom: 4%;
		padding-left: 4%;
		padding-right: 4%;
		padding-top: 4%;
		width: 100%;
		background-color: #f8f8f8;
		height: auto;
	}
	.newsInfo_list .xy_img {width: 100%;height: auto;}
	.xy_info_title {
		width: 100%;
		height: auto;
		color: #333333;
		font-size: 16px;
		line-height: 24px;
		position: relative;
		left: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.xy_info_cont {
		width: 100%;
		height: auto;
		color: #999999;
		font-size: 13px;
		line-height: 27px;
		position: relative;
		left: 0px;
	}
	.xy_info_btn {display: none;}
	.two-lines-ellipsis {-webkit-line-clamp: 3;}
	.xy_title_txt{
		width: auto;
		color: #2177d7;
		font-size: 24px;
		font-weight: bold;
		line-height: 40px;
		position: relative;
		left: 0px;
		float: left;
		border-bottom-style: solid;
		border-bottom-width: 3px;
		margin-bottom: 25px;
	}
	.xy_title_txt h2{font-size: 22px;line-height: 40px;}
	.xy_module .xy_paragraph {padding: 15px 0;}
	.xy-r-content{padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px;}
	.xy_bus_ability{margin-bottom: 40px;}
	.cont_moudle_title_licon{padding: 10px;width: 40px;height: 40px;}
	.cont_moudle_title_licon2{width: 40px;height: 40px;line-height: 40px;}
	.cont_moudle_title_text{padding: 10px 0 10px 35px;font-size: 16px;line-height: 1.628;}
	.cont_moudle_title_text2{margin-left: 20px;padding: 8px 0 8px 35px;font-size: 16px;line-height: 1.628;}
	.honour_book_img {
		display: block;
	}
	.honour_book_item1 {width: 100%;margin-bottom: 10px;}
	.honour_book_item2 {width: 100%;margin-bottom: 10px;}
	.honour_book_item3 {width: 100%;}
}
@media (max-width:640px){
	.logo{ width:110px; padding:13px 0;}
	.box1Cen{ padding:0 15px;}
	.box1CenH3{ font-size:20px;}
	.box1CenPrev,.box1CenNext{ width:20px; height:35px; top:50px;}
	.box1CenPrev{ left:-10px;}
	.box1CenNext{ right:-10px;}
	
	.footLink li{ display:block; width:100% !important; max-width:none; border-bottom:1px dashed rgba(255,255,255,0.1); padding:5px 0;}
	.footLink li:last-child{ border:none; padding-bottom:0;}
	.footSub{ overflow:hidden; margin:0 -5px; padding:0;}
	.footSub p{ float:left; padding:0 5px;}
	
	.honTab li a{ min-width:0;  padding:0 20px;}
	
	.artlist li{ padding-bottom:15px; margin-bottom:15px;}
	.arImg{ width:150px;}
	.arTime{ position:static; height:30px; line-height:30px; padding:0; width:100%; overflow:hidden;}
	.arTime p{ display:inline-block; vertical-align:middle;}
	.date{ font-size:16px;}
	.arText{ margin-left:160px;}
	.arTit{ font-size:16px; padding:0;}
	.arBrief{ height:52px; margin:0 0 5px;}
	
	.parTit h3{ font-size:18px;}
	
	.caseBot li{ padding:0 7px 10px;}
	.caseBot li a{ padding:15px 15px 15px 0;}
	.caseImg{ width:160px;}
	.caseTit{ font-size:16px;}
	.caseIco{ display:none;}
	
	.joinBot li{ padding:0 7px 10px;}
	.joinBot li a{ padding:15px;}
	.hg-wchat{float: none;margin: 0 auto;}
	
	.contact_map{ height:300px;}
	
	.winBox{ max-width:none; width:90%; margin:0 auto; padding:15px 20px 15px 10px;}
	.winClose{ background-size:15px; right:10px; top:10px;}
	.winTit{ font-size:16px; padding:10px 0;}
	.winTit i{ font-size:18px;}
	.winList li{ margin-bottom:10px;}
	.winList li input{ height:36px; padding:3px 5px 3px 25px; line-height:28px;}
	.winList li span{ line-height:36px;}
	.winList li i{ line-height:36px; left:5px; width:20px;}
	.winList li input[type="submit"]{ line-height:36px;}
	.winTip{ line-height:22px;}
	
	.solu5Text h4{ font-size:18px; padding:20px 0;}
}
@media (max-width:460px){	
	.hdRigList li span{ display:none;}
	.hdTel{ margin-top:0;}
	
	.banBtn{ width:18px; height:28px; border:1px solid #FFFFFF;}
	
	.box1Num{ font-size:14px;}
	.box1Num span{ font-size:24px;}
	
	.title h2{ font-size:24px; padding:5px 0;}
	.titleBrief{ padding:5px 0; line-height:24px;}
	
	.box3List .swiper-pagination-bullet,.box4List .swiper-pagination-bullet{ width:24px; margin:0 3px;}
	
	.box4List .swiper-container{ padding-bottom:10px;}
	.box4Num{ font-size:24px;}
	.box4Tit{ font-size:14px;}
	
	.bannerN{ height:220px;}
	.banH2{ font-size:20px;}
	
	.honList li{ width:100%;}
	.honMore{ width:100%;}
	
	.artlist li{ padding-bottom:10px; margin-bottom:10px;}
	.arImg{ width:100px;}
	.arText{ margin-left:110px;}
	.arBrief{ line-height:20px; height:40px;}
	.arBot .pull-right{ font-size:12px;}
	.arBot .pull-right i{ width:18px; height:18px; line-height:16px;}
	
	.reList{ height:36px; line-height:34px;}
	
	.proBox1H3{ font-size:16px;}
	.proBox1Brief{ margin:5px 0;}
	
	.proBox2Text .proBox1H3{ font-size:16px;}
	
	.caseBot li a{ padding:15px;}
	.caseImg{ float:none; width:100%; margin-bottom:10px;}
	.caseBrief{ height:auto; max-height:52px;}
	
	.joinBot li a{padding-bottom:15px;}
	
	.contactShare{ width:290px; height:166px; padding-top:50px;}
	.contactShare li{ padding:0 5px; font-size:12px;}
	.conShIco i{ width:40px; height:40px; margin:0 auto; line-height:38px; font-size:18px;}
	.conWx{ bottom:75px;}
	.contact_map{ height:250px;}
	.contactBot{ padding:20px 0;}
	.conBotTit{ font-size:19px;}
	
	.proH4{ font-size:18px;}
	
	.ban1Con{padding: 10% 0;}
	.ban1Cir{
		width: 210px;height: 210px;
		margin-left: -105px;
	}
	.ban1Line{
		width: 325px;height: 210px;
		margin-left: -162px;
	}
	.ban1Logo{
		width: 90px;height: 90px;margin-left: -45px;margin-top: -80px;
	}
	.ban1Img{width: 100%;height: 270px;margin-top: 30px;}
	.ban1Ico{width: 60px;height: 60px;}
	.ban1Ico .img-responsive{width: 25px;}
	.ban1IcoLi1{ left: -20px;top: -23px;}
	.ban1IcoLi2{ left:-50px;top: 75px;}
	.ban1IcoLi3{ left: -22px;bottom: 2px;}
	.ban1IcoLi4{ right:-23px;top: -25px;}
	.ban1IcoLi5{ right:-55px;top: 72px;}
	.ban1IcoLi6{ right:-23px;bottom: 2px;}
	.ban1IcoItem li{font-size: 14px;}
}
@media (max-width:360px){
	.headerBg .container-fluid{ padding:0 10px;}
	.title h2{ font-size:20px;}
	
	.box1Num span{ display:block; line-height:28px;}
	.box3List .swiper-slide{ padding:10px 0;}
	
	.bannerN{ height:180px;}
	.banH2{ font-size:16px;}
	.bannerN .box1Num{ top:0;}
	
	.parList li a{ padding:10px 0;}
	
	.contact_map{ height:200px;}
	.winBox{ width:100%;}
	.winList li input{ font-size:12px;}
	
}	
@media (max-height:414px){
	.navBoxm{ max-height:240px;}		
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){ 
}