/* CSS Document */
/*
Theme Name: Vanguard Group
Theme URI: http://www.haiyangmuchang.com/
Description:  爱永的作品。
Author:  爱永
Author URI: https://www.aysheji.com/
Date:2025-03-02
Version: 1.0
License: 爱永许可认证
*/
*{margin:0;padding:0;}
html{font-size:44.44px; overflow-x:hidden;}
@media screen and (min-width:320px) and (max-width:359px){html{font-size:44.44px}
html[mip]{font-size:44.44px!important}}
@media screen and (min-width:360px) and (max-width:374px){html{font-size:50px}
html[mip]{font-size:50px!important}}
@media screen and (min-width:375px) and (max-width:383px){html{font-size:52.08px}
html[mip]{font-size:52.08px!important}}
@media screen and (min-width:384px) and (max-width:392px){html{font-size:53.33px}
html[mip]{font-size:53.33px!important}}
@media screen and (min-width:393px) and (max-width:413px){html{font-size:54.58px}
html[mip]{font-size:54.58px!important}}
@media screen and (min-width:414px) and (max-width:539px){html{font-size:57.5px}
html[mip]{font-size:57.5px!important}}
@media screen and (min-width:540px){html{font-size:75px}
html[mip]{font-size:75px!important}}

ul,li,ol{list-style:none;}
img{ border:0; display:block; max-width:100%; transition: all 0.6s;}
.img100{width:100%; height:100%; object-fit: cover;object-position: center;}
a{text-decoration:none;	color:#333;	outline:none;}


@font-face {
  font-family: 'Poppins';
  src:url("fonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
  font-family: 'Poppins-Bold';
  src:url("fonts/Poppins-Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'Poppins-ExtraBold';
  src:url("fonts/Poppins-ExtraBold.ttf") format("truetype");
}

body{font-size:14px; color: #333;  font-family:'Poppins', 'Pingfang-SC';}
html.bodyhidden{ overflow:hidden;}
.clear{ clear:both;}
.clearfix::after, .clearfix::before{display: table; content: " ";}
.clearfix:after { clear:both}
*, ::after, ::before{box-sizing: border-box;}
a, button{cursor: pointer;}
a:hover{ color:#333;}
button{ border:none; background:none; border-radius: 0;}
video{ width:100%; height:auto; display:block; object-fit: cover; object-position: center;}
table{ width:100%; border-collapse:collapse;}

/*
html{ overflow:hidden;}
html.htmlscroll{ overflow-y:scroll;}
.ruchangvideo{ width:100%; height:100%; display:block; overflow:hidden; position:fixed; top:0; left:0;}
.ruchangvideo.hidden{ display:none;}
.ruchangvideo video{ width:100%; height:100%;}
.indexall{visibility: hidden; opacity: 0; transition: all 0.6s;}
.indexall.jinlai{ visibility: visible; opacity: 1;}
*/

/*滚动条样式*/
::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);background: rgba(0,0,0,0.1);}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}


:root{
	--global-primary-color: #333;
	--global-main-color: #047fcc;
	--global-white-color: #fff;
}


/*以下为兼容手机*/
input, textarea, select{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
input:focus, textarea:focus {outline: none;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input::-ms-clear {display: none;}
/*以上为兼容手机*/

/*针对 type-"number"*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important;}
input[type="number"]{ -moz-appearance: textfield;}


.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}

.wrap{ width:1200px; margin:0 auto;}

.headerbg{ width:100%; z-index:9;  background:#00446e; transition: all 0.3s; position:relative;}
.headerbg.fixed{ position:fixed; top:0; left:0;}
.header{ display:flex; justify-content:space-between; align-items:center; z-index: 8;position: relative;}
.logo a{ display:block;}
.logo img{ max-width:175px;}


.mainmenu{}
.mainmenu > ul{ display:flex;}
.mainmenu > ul > li{ position:relative; margin-right:15px; padding:0px 0;}
.mainmenu > ul > li > a{ text-align:center; font-size:16px; color:#fff; display:block; line-height:20px; padding:30px 30px 30px 30px; position:relative;}
.mainmenu > ul > li > a:after{ content:""; display:none; background:#fff; height:3px; width:100%; position:absolute; bottom:0; left:0;}
.mainmenu>ul>li.active a.youzifl, .mainmenu>ul>li>a:hover, .mainmenu>ul>li.current-menu-item a, .mainmenu>ul>li.current-menu-item a.youzifl, .mainmenu>ul>li.current-menu-parent a.youzifl, .mainmenu>ul>li.current-page-ancestor a.youzifl, .mainmenu>ul>li.current-category-ancestor a, .mainmenu>ul>li.current-post-ancestor a{ color:#fff; }
.mainmenu>ul>li.active > a.youzifl:after, .mainmenu>ul>li.current-menu-item > a:after, .mainmenu>ul>li.current-menu-item > a.youzifl:after, .mainmenu>ul>li.current-menu-parent > a.youzifl:after, .mainmenu>ul>li.current-page-ancestor > a.youzifl:after, .mainmenu>ul>li.current-category-ancestor > a:after, .mainmenu>ul>li.current-post-ancestor > a:after{ display:block;}




/*有子导航加箭头*/
.mainmenu li.menu-item-has-children > a{ padding-right:24px;}
.mainmenu li.menu-item-has-children > a:before{ content:""; display:block; width:24px; height:16px; background:url(images/navliiconnew.svg) no-repeat; position:absolute; right:0; top:50%; margin-top:-8px; transition:all 0.3s; }

/*普通二级菜单*/
.mainmenu ul li ul.sub-menu{ width:200px; position:absolute; left:50%; margin-left:-100px; top:90px; z-index:5; transform: translateY(40px); visibility:hidden; opacity: 0; transition:all 0.5s; border-radius:8px; box-shadow: 0px 18px 28px 0px rgba(0, 0, 0, 0.10);  background: var(--global-white-color); padding:20px; }

.headerbg.fixed .mainmenu ul li ul.sub-menu{ top:80px;}

.mainmenu ul li ul.sub-menu:before{ content: ''; display: inline-block; border: 10px solid transparent; border-bottom-color:var(--global-white-color); position: absolute; top: -19px; left: 50%; margin-left:-10px;}

.mainmenu ul li ul.sub-menu li{ margin:0 0 8px 0; border-bottom: #ccc 1px solid; height:auto; padding: 0 0 8px 0;}
.mainmenu ul li ul.sub-menu li:last-child{ margin-bottom:0; border-bottom:none;}
.mainmenu ul li ul.sub-menu li a, .mainmenu ul li.menu-item-has-children:hover ul li a{ text-align:left; border-radius:0; font-weight: 400; padding:0; color: #404040;  line-height:25px; width:auto; font-size: 16px;  min-width:inherit; }
.mainmenu ul li ul.sub-menu li a:hover{ color:var(--global-main-color);}


/*移上去*/
.mainmenu ul li.yishangqu > ul.sub-menu{ transform: translateY(0px); opacity:1; visibility:visible;}
.mainmenu ul li.yishangqu > a.youzifl{ color:var(--global-white-color);}
.mainmenu ul li.yishangqu.menu-item-has-children > a:before{ transform: rotate(180deg);}
.mainmenu ul li.yishangqu > .solution_submenubg{ transform: translateY(0px); opacity:1; height:auto; visibility:visible;}

/*手机按钮*/
.mheaderbtn{ display:none;}
.mheaderbtn a{ display:block; width:35px; height:35px; margin-left:10px;}
.mheaderbtn a.mmenubtn{ background:url(images/hmenuicon.png) no-repeat;}
.colsemenubtn{cursor:pointer; width:30px; height:30px; display:none; position: absolute;right:10px;top:10px;font-size: 40px;color: #ccc; line-height: 30px; text-align: center;}

.header_right{ width:auto; display:flex; justify-content:flex-end;}
.menudownload{ width:auto; display:flex; justify-content:flex-end;}
.menudownitem{ position:relative; margin-left:20px;}
.menudownitem a{text-align:center; font-size:18px; color:#010101; display:block; line-height:20px; padding:39px 27px 33px 27px; position:relative; transition: all 0.3s;}
.menudownitem a:before{ content:""; display:block; width:20px; height:20px; position:absolute; left:0; top:39px; background:url(images/downladicon001.png) no-repeat center center;}
.menudownitem:nth-child(2) a:before{ background:url(images/downladicon002.png) no-repeat center center;}
.menudownitem .menudewm{ position:absolute; width:144px; top:80px; left:0; display:block; border:#ccc 1px solid; box-shadow: 0px 10px 28px 0px rgba(0, 1, 3, 0.3); visibility: hidden; opacity: 0;  transform: translateY(60px); transition: all 0.3s;}
.menudownitem .menudewm:before{content: ''; display: inline-block; border: 10px solid transparent; border-bottom-color:#ccc; position: absolute; top: -20px; left: 50%; margin-left:-20px;}
.menudownitem .menudewm img{ width:100%; max-width:144px;}
.menudownitem:hover .menudewm{ display:block;  transform: translateY(0px); opacity:1; visibility:visible;}
.menudownitem:hover a{ color:#00569a;}

.menudownitem:hover a:before{ background:url(images/downladiconred001.png) no-repeat center center;}
.menudownitem:nth-child(2):hover a:before{ background:url(images/downladiconhover002.png) no-repeat center center;}

.mdownload{ display:none;}




/*首页开始*/
.ibanner{ position:relative;}
.ibanner_swiper{ overflow:hidden;}
.ibanner .swiper-slide{ position:relative;}
.ibanner .swiper-slide a{ display:block;}
.ibannerimg img{ width:100%; object-fit: cover;object-position: center; border-radius:2px;}
@keyframes newsslide_progressbar{
 0%{width:0}
 to{width:100%}
}
@-webkit-keyframes newsslide_progressbar{
 0%{ width:0 }
 to{ width:100%}
}
.ibanner .news_pagination{ width:100%; text-align:center; position:absolute; bottom:20px; z-index: 2;}
.ibanner .news_pagination span{ display:inline-block; width:40px; height:4px; margin:0 5px; cursor:pointer; background: #E5E8F0; border-radius:2px; position:relative;}
.ibanner .news_pagination span.swiper-pagination-bullet-active:before{ content:""; display:block; width:100%; height:4px;background: #00569a; border-radius:2px; animation:newsslide_progressbar 3s; -webkit-animation:newsslide_progressbar 3s;}


.banxiabg{ padding:27px 0; background:#f7f7f7;}
.banxia{}
.banxia .banxiatit{ font-size:26px; color:#00569a; font-weight:bold; line-height:35px;}
.banxia .banxiadesc{ font-size:16px; color:#484848; font-weight:lighter; margin-top:5px;}

.ititle{}
.ititle span{ font-size:40px; color:#535353; font-weight:lighter; line-height:44px; text-transform:uppercase;}
.ititle h2{ font-size:16px; color:#8a8a8a; font-weight:normal; line-height:1.5;}

.iaboutbg{ padding:35px 0 150px 0;}
.iabout{ display:flex;align-items:center; justify-content:space-between;}
.iaboutleft{ width:41%;}
.iaboutleft video{ height:380px;}
.iaboutright{ width:55.8333%;}
.iaboutcon{color: #333;line-height:31px; margin-top:26px;}
.iaboutcon p{font-size: 18px;}
.imorebtn{ margin-top:18px;}
.imorebtn a{ display:block; width:151px; height:42px; line-height:42px; text-align:center; color:#00569a; border:#00569a 1px solid; font-size:16px; font-weight:lighter; border-radius:30px; transition: all 0.3s;}
.imorebtn a:hover{ background:#00569a; color:#fff;}


.iglobalbg{ padding:100px 0; background:#f5f5f5;}


.iwhypercentlist{}
.iwhypercentlist li{ margin-top:30px;}
.iwhypercentlist li .iwhyptitflex{ display:flex; justify-content:space-between;}
.iwhypercentlist li .iwhyptitflex h3{ font-size:16px; width:calc(100% - 50px);}
.iwhypercentlist li .iwhyptitflex .iwhypright{ width:50px; text-align:right;}
.iwhypercentlist li .iwhypercentcon{ border-radius:5px; border:var(--global-main-color) 1px solid; margin-top:10px; padding:2px;}
.iwhypercentlist li .iwhypercent{ height:4px; background:var(--global-main-color); border-radius:5px; }

.ifivefaqlist{}
.ifivefaqlist li{ margin-top:20px; background:#f8f9ff; padding:20px; border-radius:5px;}
.ifivefaqlist li .ifivefaqtitflex{}
.ifivefaqlist li .ifivefaqtitflex h3{ padding-bottom:5px; font-size:16px; border-bottom:#ccc 1px solid;}
.ifivefaqlist li .ifivefaqcentcon{ font-size:14px; line-height:1.7; margin-top:5px;}


.idata{ height:137px; background:#fff; margin-top:54px;  box-shadow: 0px 7px 5px 0px rgba(0, 0, 0, 0.05);}
.idata:hover{ box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.1);}
.idatalist{ height:100%;}
.idatalist ul{ display:flex; align-items:center; height:100%;}
.idatalist ul li{ width:20%; position:relative; display:flex; justify-content:center;}
.idatalist ul li:after{ content:""; display:block; width:1px; background:#c6c9ca; height:38px; position:absolute; right:0; top:50%; margin-top:-19px;}
.idatalist ul li .idatalicon{ cursor:pointer;}
.idatalist ul li .idatanum{ position:relative;}
.idatalist ul li .idatanum big{ font-size:30px; line-height:33px; color:#6a6a6a;}
.idatalist ul li .idatanum span{ font-size:18px; color:#ababab; font-weight:lighter; position:relative; top:-20px;}
.idatalist ul li:nth-child(1) .idatanum span{ font-size:14px;}
.idatalist ul li .idatatext{ font-size:16px; line-height:20px; font-weight:lighter; color:#ababab; margin-top:5px;}
.idatalist ul li:hover .idatanum big{ color:#00569a;}
.idatalist ul li:hover .idatanum span{ color:#00569a;}
.idatalist ul li:hover .idatatext{ color:#282828;}
.idatalist ul li:last-child:after{ display:none;}


.iservicebg{ width:100%;}
.iserlist{}
.iserlist ul{ display:flex;}
.iserlist ul li{ width:25%; position:relative;}
.iserlist ul li .iserlicon{ overflow:hidden;}
.iserlist ul li .iserlicon .iserimg img{ width:100%;}
.iserlist ul li .iserzhezhao{ background:url(images/iserzhezhao.png) no-repeat; background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; }
.iserlist ul li .isertextall{ padding:0 44px; position:absolute; left:0; bottom:90px; transition: all 0.3s;}
.iserlist ul li .isertextall h3{ text-align:center; color:#fff; font-size:24px; font-weight:normal;}
.iserlist ul li .isertextall .iserline{ width:1px; height:33px; background:#fff; margin:27px auto 0; position:relative;}
.iserlist ul li .isertextall .iserline:after{ content:""; display:block; width:1px; height:0%; position:absolute; top:0; left:0; background:#2bb9fc; transition: all 0.3s;}
.iserlist ul li .isertextall .iserdesc{ margin-top:40px; min-height:150px;}
.iserlist ul li .isertextall .iserdesc p{ color:#fff; font-size:18px; line-height:30px; text-indent:2em;}
.iserlist ul li .isertextall .iserentit{ text-align:center; font-size:16px; color:#fff; font-weight:lighter; margin-top:20px; display:flex; justify-content:center; transition: all 0.3s;}
.iserlist ul li .isertextall .iserentit span{ display:block; border-top:#fff 1px solid; border-bottom:#eee 1px solid; padding:10px 0; position:relative;}
.iserlist ul li .isertextall .iserentit span:before, .iserlist ul li .isertextall .iserentit span:after{ content:""; display:block; width:0%; height:1px; position:absolute; top:-1px; left:0; background:#2bb9fc; z-index:2; transition: all 0.3s;}
.iserlist ul li .isertextall .iserentit span:after{ top:auto; bottom:-1px;}
.iserlist ul li:hover .isertextall{  bottom:110px;}
.iserlist ul li:hover .isertextall .iserline:after{ height:100%;}
.iserlist ul li:hover .iserlicon .iserimg img{ transform: scale(1.1);}
.iserlist ul li:hover .isertextall .iserentit span:before, .iserlist ul li:hover .isertextall .iserentit span:after{ width:100%;}
.iserlist ul li:hover .isertextall .iserentit{ color:#2bb9fc; text-shadow: 0px 3px 5px rgba(255,255,255,0.5);}

.isertitall{ left:100px; position:absolute; top:88px;}
.isertit .ititle span{ color:#fff; font-size:32px;}
.isertit .ititle h2{ color:#fff;}
.iserys{ display:flex; margin-top:20px; border:#fff 1px solid; height:33px; width:185px;}
.iserys span{ display:block; line-height:33px; text-align:center; width:50%; color:#fff; font-size:16px;}
.iserys span:nth-child(1){ color:#000; background:#fff;}


.icasebg{ padding:120px 0 95px 0;}
.icase .ititle{ text-align:center;}
.icase .ititle h2{ margin-top:5px;}
.icasefl{ margin-top:50px;}
.icasefl ul{ display:flex; justify-content:center;}
.icasefl li{ width:100px; height:31px; line-height:31px; text-align:center; background:#f5f5f5; font-size:14px; color:#666; margin:0 5px; border-radius:15px; cursor:pointer;  transition: all 0.3s;}
.icasefl li a{ display:block; color:#666; border-radius:15px; transition: all 0.3s;}
.icasefl li:hover, .icasefl li.active{ background:#00569a; color:#fff;}
.icasefl li a:hover, .icasefl li.active a{ background:#00569a; color:#fff;}

.icaselist{ margin-top:70px;}
.icaselist ul{ display:flex; flex-wrap:wrap;}
.icaselist li{ width:100%;}
.icaselist li .icaselicon{ display:flex; align-items:center; background:#f5f5f5;}
.icaselist li .icaselicon .icasetext{ width:70%; padding-right:30px;}
.icaselist li .icaselicon .icasetextnr{ padding-right:35px; padding-left:35px;}
.icaselist li .icaselicon .icasenrm{ font-size:24px; color:#9d9d9d; font-weight:lighter;}
.icaselist li .icaselicon .icasetit{ display:flex; justify-content:space-between; align-items:center;}
.icaselist li .icaselicon .icasetit:after{ content:""; display:block; width:21px; height:12px; background:url(images/icasejt.png) no-repeat;}
.icaselist li .icaselicon .icasetit h3{ font-size:18px; color:#545454; font-weight:normal;}
.icaselist li .icaselicon .icasedesc{ font-size:14px; color:#2d2d2d; line-height:1.5; font-weight:lighter; margin-top:10px;}
.icaselist li .icaselicon .icaseimg{ width:30%; overflow:hidden;}
.icaselist li:hover .icaselicon .icaseimg img{transform: scale(1.1);}

.icaselist li:nth-child(2n) .icaselicon .icasetext{ order:1; padding-right:0px;  padding-left:30px;}


.iadvantagebg{ padding:150px 0; width:100%;background:#333;}
.iadvantage{ max-width:1440px; margin:0 auto;}
.iadvantagebg .ititle{ text-align:center;}
.iadvantagebg .ititle span{ color:rgba(255,255,255,0.8);}
.iadvantagebg .ititle h2{ margin-top:10px;}
.iadvdesc{ color:#bdbdbd; font-size:18px; line-height:24px; margin:35px auto 0; max-width:750px; text-indent:2em;}


.ireviewslist{ margin-top:40px;}
.ireviewslist ul{ display:flex; gap:2%;}
.ireviewslist li{ width:32%;}
.ireviewslist li .ireviewslicon{ height:100%; background:#f5f5f5; border-radius:10px; padding:30px;}
.ireviewslist li .ireviewsliflex{ display:flex; align-items:center;}
.ireviewslist li .ireviewsliimg{ width:60px; height:60px; border-radius:100%; overflow:hidden;}
.ireviewslist li .ireviewslitext{ margin-left:20px;}
.ireviewslist li .ireviewslitext h4{ font-weight:normal; font-size:18px;}
.ireviewslist li .ireviewslitext p{ font-size:14px; margin-top:0px;}
.ireviewslist li .ireviewslinr{ font-size:16px; margin-top:20px; line-height:1.6;}


.iWhychoosebg{ background-repeat: no-repeat;  background-size: cover; padding:100px 0;}
.iWhychoosebg .ititle {
	text-align: center;
}
.iWhychoosebg .ititle span{ color: rgba(255,255,255,0.8);}
.iadvlist{ margin-top:50px;}
.iadvlist ul{ display:flex; justify-content:space-between;}
.iadvlist li{ width:32%;transition: all 0.3s; margin-right:2%;}
.iadvlist li:nth-child(3n){ margin-right:0;}
.iadvlist li .iadvlicon{ padding:40px 20px 20px; height:100%; border-radius:10px;}
.iadvlist li .iadvimg{ overflow:hidden; max-width:100px; border-radius:100%; border:var(--global-white-color) 2px solid; margin:0 auto;}
.iadvlist li .iadvimg img{ border-radius:100%; margin:0 auto;}
.iadvlist li .iadvtext{ text-align:center; margin-top:24px;}
.iadvlist li .iadvtext h3{ font-size:18px; color:var(--global-white-color); font-weight:normal; line-height:24px;}
.iadvlist li .iadvtext h3:after{ content:""; display:block; width:100px; height:2px; background:var(--global-main-color); margin:15px auto 0;}
.iadvlist li .iadvtext .iadvtextdesc{ font-size:14px; color:#fff; font-weight:lighter; line-height:1.7; margin-top:20px;}
.iadvlist li:hover{ transform:translateY(-10px);}




.isolutionbg{ padding-top:150px;}
.isolutionbg .ititle {
	text-align: center;
}
.iisolutionlist{ margin-top:40px; padding:10px 0 20px 0; overflow:hidden;}
.iisolutionlist ul{ display:flex; flex-wrap:wrap;}
.iisolutionlist li{ width:32%; margin:0 2% 2% 0; height:auto;}
.iisolutionlist li:nth-child(3n){ margin-right:0;}
.iisolutionlist li a{ display:block; padding:10px; border:#ccc 1px solid; transition:all .2s linear; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 100%;}
.iisolutionlist li a .icaseimg{position: relative;overflow: hidden;}
.iisolutionlist li a .icaseimg:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.iisolutionlist li a .icaseimg img{ width:100%; }
.iisolutionlist li a .icasetext{ padding:10px 0;}
.iisolutionlist li a .icasetext h3{ font-weight:normal; font-size:18px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.iisolutionlist li a .icasetext p{ color:#666; margin-top:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.iisolutionlist li a:hover{ border:var(--global-main-color) 1px solid; box-shadow:0 10px 20px #e5e5e5; transform:translateY(-8px);}
.iisolutionlist li a:hover .icasetext h3{ color:var(--global-main-color);}
.iisolutionlist li a:hover .icasetext p{ color:var(--global-primary-color);}
.iisolutionlist li a:hover .icaseimg:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.iisolutionlist li a:hover .icaseimg img{}


.inewsbg{ padding:117px 0 86px 0;}
.inews{ max-width:1200px; margin:0 auto;}
.inews .ititle{ text-align:center;}
.inewsfl{ margin-top:37px;}

.inewsqhall{ margin-top:54px;}
.inewsqh_wrap{}
.inewsqh_flex{ display:flex;}
.inewsleft{ width:37.66%; position:relative; height: 100%;}
.inewsleftswiper{ overflow:hidden; position:relative;}
.inewsleftitem{}
.inewsleftitem a{ display:block; position:relative;}
.inewsleftitem a .inewsleftimg{ height:375px;}
.inewsleftitem a .inewslefttext{ height:55px; position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.7); padding:0 30px;}
.inewsleftitem a .inewslefttext h3{ font-size:18px; font-weight:normal; color:#fff; line-height:55px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:85%;}
.inewsleftitem a .inewsleftdate{ position:absolute; top:0; left:0; width:86px; height:86px; background:#00569a; text-align:center; color:#fff; padding-top:5px;}
.inewsleftitem a .inewsleftdate big{ display:block; font-size:40px; line-height:48px; font-weight:bold;}
.inewsleftitem a .inewsleftdate span{ display:block; font-size:14px; font-weight:lighter;}
.inewsleftpage{ position:absolute; bottom:15px; right:11px; z-index:6;}
.inewsleftpage .swiper-pagination-bullet{ width:11px; height:11px; display:inline-block; margin-left:5px; background:rgba(255,255,255,0.5); cursor:pointer;}
.inewsleftpage .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#00569a;}
.inewsleftitem a:hover .inewslefttext h3{ text-decoration:underline;}


.inewsmiddle{ width:37.4%; margin-left:45px;}
.inewsmiddlelist{}
.inewsmiddlelist li{ border-bottom:#eeeeee 1px solid; padding-bottom:20px; margin-bottom:20px; position:relative;}
.inewsmiddlelist li:last-child{ margin-bottom:0;}
.inewsmiddlelist li:after{ content:""; display:block; width:0%; height:1px; background:#00569a; position:absolute; bottom:-1px; left:0;transition: all 0.3s;}
.inewsmiddlelist li a{ display:flex;}
.inewsmiddlelist li a .inewssmiddledate{ width:80px; height:90px; color:#fff; background:#c0c0c0; text-align:center; padding-top:10px;transition: all 0.3s;}
.inewsmiddlelist li a .inewssmiddledate big{ display:block; font-size:40px; line-height:48px; font-weight:bold;}
.inewsmiddlelist li a .inewssmiddledate span{ display:block; font-size:14px; font-weight:lighter;}
.inewsmiddlelist li a .inewssmiddletext{ width:calc(100% - 97px); margin-left:17px;}
.inewsmiddlelist li a .inewssmiddletext h3{ font-size:18px; color:#282828; font-weight:normal; line-height:30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.inewsmiddlelist li a .inewssmiddletext .inewsmiddledesc{ font-size:14px; color:#8a8a8a; font-weight:lighter; line-height:24px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.inewsmiddlelist li a:hover .inewssmiddledate{ background:#00569a;}
.inewsmiddlelist li a:hover .inewssmiddletext h3{ color:#00569a;}
.inewsmiddlelist li a:hover .inewssmiddletext .inewsmiddledesc{ color:#666;}
.inewsmiddlelist li:hover:after{ width:100%; }



.inewsright{ width:15.9%; margin-left:95px;}
.inewsrightlist{}
.inewsrightlist li{ margin-bottom:30px;}
.inewsrightlist li:last-child{ margin-bottom:0;}
.inewsrightlist li a{ display:block;}
.inewsrightlist li a .inewsrimg{ overflow:hidden;}
.inewsrightlist li a .inewsrtit{ text-align:center; font-size:16px; color:#282828; line-height:30px; margin-top:5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.inewsrightlist li a:hover .inewsrtit{ color:#00569a;}
.inewsrightlist li a:hover .inewsrimg img{ transform: scale(1.1);}

.inewsmorebtn{ margin-top:40px;}
.inewsmorebtn a{ display:block; margin:0 auto; border:#d9d9d9 1px solid; border-radius:50px; font-size:16px; color:#aaaaaa; font-weight:lighter; width:183px; height:51px; line-height:51px; text-align:center;  transition: all 0.3s;}
.inewsmorebtn a:hover{ background: #00569a;  color: #fff;}


.iadvideobg{}
.iadvideobg img{ width:100%;}
.iadbg{ padding:130px 0 115px 0; width:100%; background-image:url(images/iadbg.jpg); background-repeat:no-repeat; background-size:cover;}
.iadimg img{ margin:0 auto;}
.iadtext{ text-align:center; color:#fff; font-size:20px; font-weight:lighter; line-height:22px; margin-top:45px;}


.ipartnersbg{ padding:110px 0 80px 0;}
.ipartners .ititle{ text-align:center;}
.ihzdesc{ text-align:center; margin-top:22px; color:#0b0b0b; font-weight:lighter;}
.ihzcndesc{ font-size:20px; line-height:30px; letter-spacing:1px;}
.ihzendesc{ font-size:12px; line-height:15px; margin-top:10px; text-transform:uppercase;}

.ipartnerslist{ padding:50px 110px 0;}
.ipartnerslist ul{ display:flex; flex-wrap:wrap;}
.ipartnerslist ul li{ width:15%; margin-right:2%; margin-bottom:2%; transition: all 0.3s; position:relative; border-radius:5px;}
.ipartnerslist ul li .ipartnerimg{ border-radius:5px; overflow:hidden;}
.ipartnerslist ul li img{ width:100%;}
.ipartnerslist ul li:nth-child(6n){ margin-right:0;}
.ipartnerslist ul li:hover{ box-shadow: 0px 10px 28px 0px rgba(0, 1, 3, 0.3);}

.ipartnerslist li div.zq{ width:calc(100% - 0px); height:calc(100% - 0px); border-radius:5px;  border:#00569a 1px solid; position:absolute; top:0; left:0; z-index:5; display:none;}
.ipartnerslist li div.zq i{width: 4px;height: 4px;background: #00569a;position: absolute; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;}
.ipartnerslist li div.zq i.one{left: -2px;top: -2px;animation: route1 6s infinite linear;}
.ipartnerslist li div.zq i.two{left:100%;top: -2px;animation: route2 6s infinite linear;}
.ipartnerslist li div.zq i.thr{left:100%;top:100%;animation: route3 6s infinite linear;}
.ipartnerslist li div.zq i.fou{left: -2px;top:100%;animation: route4 6s infinite linear;}

@keyframes route1{0%{left: -2px;top: -2px;}25%{left:100%;top: -2px;}50%{left:100%;top:100%;}75%{left: -2px;top:100%;}100%{left: -2px;top: -2px;}}
@keyframes route2{0%{left:100%;top: -2px;}25%{left:100%;top:100%;}50%{left: -2px;top:100%;}75%{left: -2px;top: -2px;}100%{left:100%;top: -2px;}}
@keyframes route3{0%{left:100%;top:100%;}25%{left: -2px;top:100%;}50%{left: -2px;top:-2px;}75%{left:100%;top:-2px;}100%{left:100%;top:100%;}}
@keyframes route4{0%{left: -2px;top:100%;}25%{left: -2px;top: -2px;}50%{left:100%;top: -2px;}75%{left:100%; top:100%;}100%{left:-2px;top:100%;}}

.ipartnerslist li:hover div.zq{ display:none;}
.ipartnerslist li:hover div.zq i{ background:#bc2521;}

.pagecontent p img{ margin:0 auto;}
.pagecontent ul, .pagecontent ol{ padding-left:20px;}
.pagecontent ul li{ list-style: disc;}
.pagecontent ol li{ list-style: decimal;}


.footerbg{ background:#00001d; color:#9d9d9d;}
.footer{ }
.footerflex{ display:flex; padding:40px 0 40px 0;}
.footerleft{ width:50%; position:relative;}
.footerleft:after{ content:""; display:block; width:1px; height:86px; background:#494e51; position:absolute; right:0; top:0px;}
.footertit{ font-size:24px; color:#fff; font-weight:normal; line-height:30px;}
.footertit:after{ content:""; display:block; width:35px; height:2px; background:#fff; margin-top:10px;}
.footermenu{ margin-top:30px;}
.footermenu ul{ display:flex; flex-wrap:wrap;}
.footermenu ul li{ padding:0 10px; position:relative; margin-bottom:10px;}
.footermenu ul li:after{ content:""; display:block; width:1px; height:18px; background:#4f5a5f; position:absolute; right:0; top:2px;}
.footermenu ul li:nth-child(1){ padding-left:0;}
.footermenu ul li:last-child{ padding-right:0;}
.footermenu ul li:last-child:after{ display:none;}
.footermenu ul li a{ font-size:16px; color:#fff; font-weight:lighter; white-space:nowrap; line-height:22px;}
.footermenu ul li a:hover{ text-decoration:underline;}

.footermenu ul li ul{ display:none;}

.footermiddle{ width:50%; position:relative;}
.footermiddle:after{ content:""; display:none; width:1px; height:86px; background:#494e51; position:absolute; right:0; top:0px;}
.footermiddlecon{ display:flex; align-items:flex-end; padding-left:75px; padding-top:22px;}
.footerlogo{}
.footerlogo img{ max-width:250px;}
.footertext{ font-size:24px; color:#fff; margin-left:56px; letter-spacing:3px;}

.footerright{ width:19.01%; padding-left:100px;}
.footerright .footertit{ font-size:18px; }
.footerright .footertit:after{ width:26px;}
.footerewm{ display:flex; margin-top:26px;}
.fewmitem{ margin-right:20px;}
.fewmitem:last-child{ margin-right:0;}
.fewmimg{ width:84px; height:84px;}
.fewmitem .fewmtext{ font-size:12px; color:#bfc1c2; line-height:20px; margin-top:10px; text-align:center;}
.copyright{ border-top:#414649 1px solid; padding:20px; color:#9d9d9d; font-size:13px; line-height:22px; text-align:center;}
.copyright a{ color:#9d9d9d; text-decoration:underline;}
.copyright a:hover{ color:#fff;}

.rightbarbg{ position:fixed; right:30px; top:50%; z-index:999;}
.rightbarlist{}
.rightbarlist li{ width:78px; height:70px; background:#6b6b6b; margin-bottom:2px; transition: all 0.3s;}
.rightbarlist li a{ display:block; width:100%; height:100%; padding-top:10px; transition: all 0.3s;}
.rightbarlist li a .rightbaricon{}
.rightbarlist li a .rightbaricon img{ margin:0 auto;}
.rightbarlist li a .rightbartext{ text-align:center; color:#fff; font-size:12px; margin-top:5px;}
.rightbarlist li:hover{ background:#00569a;}



/*二级页面开始*/
.erjibanner{ display:block; width:100%; position:relative;}
.erjibannerimg{}
.erjibannerimg img{ width:100%; object-fit:cover;}
.erjibannertext{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); display:flex; justify-content:center; align-items:center;}
.erjibannertext h2{ color:#fff; font-size:40px; text-align:center;}
.erjibannertext h2 span{ font-size:18px; display:block;}

.erjitit{ margin-top:20px; border-bottom: 1px solid #f0f2f2; padding-bottom:15px;}
.erjitit h2{ font-size:36px; line-height:40px; font-weight:normal; text-align:center;}
.erjitit span{ display:none; text-align:center; text-transform:uppercase; font-size:16px; color:#afafaf; line-height:24px; margin-top:5px;}

.dqwzbg{ background:#f5f5f5; padding:10px 0;}
.dqwz{ color:#666;}
.dqwz a{ color:#666;}
.dqwz a:hover{ color:#ca0000;}

.erjinav{ margin-top:40px;}
.erjinav ul{ display:flex; justify-content:center;}
.erjinav li{ margin:0 20px;}
.erjinav li a{ display:block; border: 1px solid #afafaf; width: 148px; font-size: 16px; color: #666; line-height:40px; text-align:center; border-radius: 27px;}
.erjinav li a:hover, .erjinav li.current a{ background:#ca0000; color:#fff; border: 2px solid #ca0000;}



.about{ margin-top:60px;}
.erji_content{ padding:60px 0;}
.erji_content.tongyongpage{ padding-bottom:80px;}
.about_nrcon{ display:flex;}
.aboutleft{ width:30%;}
.abourright{ width:70%; padding: 30px; background: #f0f7ff;}
.abourright .iabout_ceoname{color: #027fe0;
  font-size: 16px;}
.abourright .iabout_ceoposition{font-size: 24px; margin-bottom: 30px;
  margin-top: 10px;}
.pagecontent{ width:100%;}
.pagecontent p{font-size: 16px;line-height: 29px; margin-bottom:20px; }
.pagecontent p:last-child{ margin-bottom:0;}


.pagecontent h1, .pagecontent h2, .pagecontent h3, .pagecontent h4, .pagecontent h5, .pagecontent h6{ color: #191A15; margin-bottom:20px;}
.pagecontent h1{ font-size:40px;}
.pagecontent h2{ font-size:32px;}
.pagecontent h3{ font-size:24px;}
.pagecontent h4{ font-size:18px;}
.pagecontent h5{ font-size:16px;}
.pagecontent h6{ font-size:14px;}

.about-cultrue{ padding:50px 0;}
.cultruetit{ text-align:center; font-size:24px;}
.cultruetit:after{ content:""; display:block; width:100px; height:2px; background:#333; margin:10px auto 0;}
.about-cultrue-content{ margin-top:40px;}
.about-cultrue-content p{ margin-bottom:20px; font-size:16px; line-height:26px;}


.newslist{ padding:60px 0 0px 0;}
.newslist li{ position:relative; margin-bottom:60px;}
.newslist li a{ display:flex; background:#f5f5f5; border-radius:10px; overflow:hidden; position:relative; z-index:5; height:225px;}
.newslist li a .newsimg{ width:31%; overflow:hidden;}
.newslist li a .newsimg img{ width:100%; object-fit:cover; height:100%; }
.newslist li a .newstext{ width:69%; padding:1.5% 3% 0 3%;  height:100%; position:relative;}
.newslist li a .newstext:after{ content:""; display:block; width:0%; height:100%; background:#00569a; position:absolute; top:0; left:0%; z-index:2;}
.newslist li a .newstext .newstextnr{ position:relative; z-index:5;}
.newslist li a .newstext h3{ font-size:22px; font-weight:normal; line-height:45px; color:#00569a; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist li a .newstext .newsdate{ padding:10px 0; display:none;}
.newslist li a .newstext .newsdate span{display:inline-block;color:#5b5b5b;font-size:14px;margin-right:100px;line-height:20px;padding-left:30px;}
.newslist li a .newstext .newsdate span:nth-child(1){background:url("images/news_time_icon.png") left center no-repeat;}
.newslist li a .newstext .newsdate span:nth-child(2){background:url("images/news_type_icon.png") left center no-repeat;}
.newslist li a .newstext .newsdate span:nth-child(3){background:url("images/news_preview_icon.png") left center no-repeat;}
.newslist li a .newstext p{color:#666; font-size:15px; line-height:26px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}

.newslist li a:hover{background:#00569a;}
.newslist li a:hover .newsimg img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.newslist li a:hover .newstext:after{ width:0%;}
.newslist li a:hover .newstext h3{ color:#fff;}
.newslist li a:hover .newstext span{ color:#f5f5f5;}
.newslist li a:hover .newstext p{ color:#f5f5f5;}
.newslist li a:hover .newstext .newsdate span:nth-child(1){background:url("images/news_time_icon_bai.png") left center no-repeat;}
.newslist li a:hover .newstext .newsdate span:nth-child(2){background:url("images/news_type_icon_bai.png") left center no-repeat;}
.newslist li a:hover .newstext .newsdate span:nth-child(3){background:url("images/news_preview_icon_bai.png") left center no-repeat;}


/*分页样式开始*/
#pageabc{text-align:center;margin:60px 0;clear:both;height:auto;overflow:hidden;color:#333;line-height:23px;}
#pageabc a.noallowed{cursor: not-allowed;}
#pageabc span,#pageabc a{font-size:12px;color:#595757;padding:4px 12px;border:1px solid #313131;text-decoration:none;margin:3px 5px;display:inline-block;text-align:center; border-radius:5px;}
#pageabc a:hover,#pageabc a.current{color:#fff;background-color:#ca0000;border:1px solid #ca0000;}
/*分页样式结束*/

/*详情页*/
.singlenews{}
.singlenews_head{ border-bottom:1px dashed #c9c9c9; padding-bottom:20px; margin-bottom:30px;}
.singlenews_head h1{font-size: 32px;font-weight: 700;text-align: left;color: #000;letter-spacing: 1px;margin-bottom: 10px;}
.singlenews_head .singlenewsdate{font-size: 14px;color: #999;}
.singlenewscontent img{ display:block; margin:0 auto;}

.sxp{ line-height:1.5; border-top:#ccc 1px solid; padding-top:10px; margin-top:20px;}
.sxp a:hover{ color:#ca0000;}

.singletuijian{ margin-top:50px;}
.entry-related-title{margin: 30px 0 20px;font-size:24px; color:#00446e; font-weight: 500;}
.entry-related{ overflow:hidden}
.entry-related li.related-item{width:49.9%; float:left; padding:0; margin-bottom:6px; font-size:16px; line-height:1.8; color:#999}
.entry-related li.related-item a{display:inline-block; max-width:90%; font-size:14px; color:#333; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; vertical-align:top}
.entry-related li.related-item a:hover{ color:#00446e;}


/*视频广告新代码*/
.iadnewbg{ position:relative;}
.iadvideobg{ position:relative; z-index:1;}
.iadvideobg video{ height:100%;}
.iadflex{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:2; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.5);}

.singlenewscontent>div{ margin-bottom:20px;}
.singlenewscontent ul, .singlenewscontent ol{ padding-left:20px;}
.singlenewscontent ul li{ list-style: disc;font-size: 16px;
  line-height: 29px;}
.singlenewscontent ol li{ list-style: decimal;font-size: 16px;
  line-height: 29px;}