/*通用*/
.body { position: relative; background-color: #fff; margin-top: 0px; }
.indexs { text-align: center; font-size: 0; z-index: 1; }
.indexs span { border-radius: 3px; width: 16px; height: 6px; background: rgba(255, 255, 255, 0.5); margin-right: 12px; cursor: pointer; transition: all 0.5s; }
.indexs span:last-child { margin-right: 0px; }
.indexs span:hover { background: #FFFFFF; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); }
.indexs em { display: none; }
.indexs .active { width: 48px; background: #FFFFFF; box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.2); }
.indexs { position: absolute; left: 50%; transform: translateX(-50%); bottom: 58px; }
.title { text-align: center; margin-bottom: 32px; position: relative; }
.title h1 { font-size: 40px; margin-bottom: 24px; font-weight: bold; }
.title h3 { font-size: 24px; }
.more { text-align: center; }
.more a { margin: 0 auto; }
.more i { margin-left: 12px; }
.tabs { font-size: 16px; margin-top: 24px; }
.tabs a:hover { text-decoration: underline; }
.tabs .split { width: 8px; height: 8px; margin: 0px 16px; border-radius: 2px; background: rgba(167, 223, 250, 0.3); }
.wrap { overflow: hidden; position: relative; }

/*导航相关*/
.header { position: relative; top: 0px; z-index: 10; width: 100%; }
.header .container { padding: 20px 0; }
.header table { width: 100%; table-layout: fixed; }
.header .logo { width: 195px; max-height: 56px; overflow: hidden; }
.header .logo img { max-height: 56px; }
.header .item { position: relative; font-size: 16px; text-align: center; transition: all 0.8s; display: inline-block; }
.header .item:hover span::before { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); }
.header .item a { padding: 0px 24px; margin-bottom: 0; text-decoration: none; box-sizing: border-box; cursor: pointer; display: block; line-height: 16px; }
.header .items { width: 180px; word-spacing: -10px;text-align:right; }
.header .items .item a { padding: 0; }
.header .items .item a i { margin-top: -2px; margin-right: 6px; }
.header .items .item a span { word-spacing: 0; }
.header .items .split { background: #F0F0F0; margin: -4px 12px 0px 12px; }
.header .layers { position: absolute; top: 76px; left: 50%; transform: translate(-50%,0); min-width: 156px; line-height: 16px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); display: none; background-color: #FFF !important; border-radius: 4px; }
.header .layers a { display: block; text-align: center; }
.header .navheader .item > .title { line-height: 56px; }
/*产品目录导航*/
.nav-productclass { top: 125px !important;  }


/*Banner*/
.banner { background-color: #28568F; height: 580px; overflow: hidden; }
.banner .items { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; white-space: nowrap; }
.banner .item { width: 100%; height: 100%; position: relative; display: inline-block; }
.banner .item .info { height: 100%; }
.banner .item img { width: 100%; height: 100%; object-fit: cover; }
.banner .item video { width: 100%; height: 100%; object-fit: cover; }
.banner .item a:hover { text-decoration: none; }
.banner .item .text { min-width: 1200px; position: absolute; left: 50%; z-index: 1; top: 50%; transform: translate(-50%, -50%); }
.banner .text .more { margin-top: 20px; }
.banner .item .text-center { text-align: center; }
.banner .item .text-center p { text-align: center !important; }
.banner .item .text-left { text-align: left; }
.banner .item .text-left p { text-align: left !important; }
.banner .item .text-right { text-align: right; }
.banner .item .text-right p { text-align: right !important; }
.banner .buttons { display: none; position: absolute; top: 50%; transform: translate(0, -50%); width: 44px; height: 100px; line-height: 100px; text-align: center; cursor: pointer; z-index: 1; }
.banner .buttons:hover { opacity: 0.8; }
.banner:hover .buttons { display: block; }
.banner .buttons-left { left: 60px; }
.banner .buttons-right { right: 60px; }

/*搜索框*/
.search { position: absolute; width: 100%; height: 84px; top: 666px; left: 50%; transform: translateX(-50%); z-index: 10; display: block; margin: 0; }
.search .wrap { width: 1200px; padding: 20px 0; text-align: center; margin: 0 auto; background: #ffffff; position: relative; border-radius: 42px; z-index: 1000; top: 0; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); }
.search .wrap .wd { width: 872px; height: 44px; padding: 0px 24px 0px 40px; box-sizing: border-box; border: none; overflow: hidden; }
.search .wrap .wd input { width: 100%; height: 42px; border: none; outline: none; font-size: 14px; }
.search .wrap .wd input::-webkit-input-placeholder { font-size: 16px; color: #999 !important; }
.search .wrap .confirm-box { height: 44px; line-height: 44px; position: absolute; top: 20px; right: 32px; }
.search .wrap .confirm, .search .wrap .structure { margin-left: 16px; padding: 0px 24px; border-radius: 22px; border: none; }
.search .wrap .confirm { margin-left: 0; }
.search .wrap i { margin-left: 0; margin-right: 4px; }
.search .wrap .history { position: absolute; width: calc(100% - 64px); line-height: 36px; overflow: hidden; z-index: 100; display: none; min-height: 150px;left:50%;transform:translate(-50%,0); }
.search .wrap .history iframe { width: 100%; height: 100%; overflow: hidden; }
.search .searchwords { width: 704px; text-align: center; margin: 0 auto; position: relative; top: 50%; margin-top: 8px; text-align: left; display: none; }

/*关于我们*/
.aboutus { margin-top: 42px; }
.aboutus .container { position: relative; background-repeat: no-repeat; }
.aboutus .wrap { height: 100%; min-height: 628px; }
.aboutus .pic { width: 791px; height: 545px; position: absolute; top: 40px; left: 0; }
.aboutus .buttons { width: 60px; height: 60px; line-height: 60px; border-radius: 50%; text-align: center; box-sizing: border-box; position: absolute; top: 131px; right: 134px; }
.aboutus .info { width: 624px; margin-top: 339px; text-align: right; }
.aboutus .title { text-align: right; margin-bottom: 20px; }
.aboutus .title h1 { margin: 8px 0 0 0; }
.aboutus .desc { line-height: 1.8; font-size: 16px; max-height: 250px; overflow: hidden; }
.aboutus .more { text-align: right; margin-top: 20px; }
.aboutus .more a { border-color: #D9D9D9; color: #333333 !important; font-weight: bold; }
.aboutus .more a:hover { background: #F4F8FB; }

/*宣传栏目1*/
.service1 { text-align: center; overflow: hidden; height: 244px; margin-top: 40px; padding: 24px; box-sizing: border-box; }
.service1 .container { height: 100%; }
.service1 .items { height: 100%; justify-content: space-between; }
.service1 .item { border-bottom: 1px solid rgba(255,255,255,0.5); font-size: 16px; }
.service1 .item .name { font-size: 16px; }
.service1 .item .desc { width: 145px; font-size: 48px; font-weight: bold; margin-top: 4px; white-space: nowrap; overflow: hidden; }
.service1 .item:last-child { border-bottom: none; padding-bottom: 0px; }

/*宣传栏目2*/
.service2 { margin-top: 40px; }
.service2 .container { }
.service2 .title h3 { width: 1000px; margin: 0 auto; font-size: 16px; font-weight: normal; line-height: 1.8; text-align: center; }
.service2 .container .wrap { overflow: inherit; }
.service2 .items { justify-content: space-between; }
.service2 .item { width: 282px; }
.service2 .pic { border-radius: 10px; overflow: hidden; }
.service2 .pic img { object-fit: cover; }
.service2 .name { display: block; padding: 11px 0; margin-top: 16px; font-size: 20px; font-weight: bold; text-align: center; border-radius: 10px; transition: all 0.5s; }
.service2 .name:hover { opacity: 0.8; }
.service2 .desc { max-height: 63px; margin-top: 12px; line-height: 1.5; overflow: hidden; }
.service2 a { text-decoration: none; }

/*产品*/
.products { padding: 80px 0px; margin-top: 80px; background-size: cover; position: relative; overflow: hidden; }
.products .backgroud { width: 1446px; height: 1449px; background: url(../view/logo.png) no-repeat,100% 100%; position: absolute; top: -170px; right: -209px; }
.products .container { position: relative; }
.products .wrap { width: 100%; padding: 0 20px; }
.products .wrap .items-box { width: 1200px; position: relative; white-space: nowrap; }
.products .wrap .items { position: relative; display: inline-block; margin-left: 40px; vertical-align: top; }
.products .wrap .items:first-child { margin-left: 0; }
.products .more { margin-top: 8px; }
.products .more a { color: #333333 !important; font-weight: bold; background: #FFFFFF; border-color: #D9D9D9; }

/*宣传栏目3*/
.service3 { }
.service3 { padding: 80px 0px 100px; }
.service3 .title h3 { width: 1000px; margin: 0 auto; font-size: 16px; font-weight: normal; line-height: 1.8; }
.service3 .wrap { width: 100%; height: 515px; overflow: inherit; }
.service3 .wrap .pic { width: 470px; height: 100%; border-radius: 10px; overflow: hidden; }
.service3 .wrap .pic img { width: 100%; height: 100%; object-fit: cover; }
.service3 .items { width: 698px; }
.service3 .item { width: 100%; min-height: 91px; padding: 32px; box-sizing: border-box; margin-top: 16px; border-radius: 10px; border: 1px solid #D9D9D9; position: relative; }
.service3 .item:first-child { margin-top: 0; }
.service3 .item .info { }
.service3 .item .name { font-size: 20px; font-weight: bold; }
.service3 .item .name a:hover { text-decoration: none; color: #0084CE; }
.service3 .item .desc { height: 87px; margin-top: 16px; font-size: 16px; line-height: 1.8; overflow: hidden; display: none; }
.service3 .item:first-child .desc { display: block; }
.service3 .item .buttons { width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 24px; right: 32px; cursor: pointer; }
.service3 .item .buttons:hover { background:#eee;}
.service3 .active .buttons { display:none;}
/*新闻*/
.news { padding-bottom:100px;}
.news .container { position: relative; }
.news .title { margin-bottom: 24px; border-bottom: 1px solid #F0F0F0; }
.news .wrap { width: 100%;height:424px!important; }
.news .items-box { position: relative; left: 0px; top: 0px; width: 100%; padding-bottom: 20px; overflow: hidden; }
.news .items { width: 100%; position: relative; font-size: 0; }
.news .item { width: 384px; margin-left: 24px; box-sizing: border-box; font-size: 14px; border-radius: 10px; border: 1px solid #D9D9D9; display: inline-block; overflow: hidden; vertical-align: top; }
.news .items .item:first-child { margin-left: 0; }
.news .item .pic img { width: 100%; height: 100%; object-fit: cover; }
.news .item .info { padding: 24px; }
.news .item .info .name { width: 100%; height: 54px; margin-top: 12px; font-size: 20px; font-weight: bold; line-height: 1.3; overflow: hidden; }
.news .item .info .url { border-top: 1px solid #D9D9D9; padding-top: 24px; margin-top: 24px; }
.news .item .info .url a { }
.news .item .info .url i { margin-left: 4px; margin-top: -2px; }
.news .more { margin-top: 32px; }
.news .more a { color: #103667 !important; font-weight: bold; border: 1px solid #D9D9D9; background: #F6F8FA; }

/*图标*/
.iconlink-box { padding: 60px 0; background: #F6F6F6; }
.iconlink { width: 1200px; margin: 0 auto; text-align: center; font-size: 0; }
.iconlink a { width: 208px; height: 104px; display: inline-block; margin-left: 40px; border-radius: 10px; overflow:hidden;}
.iconlink a img { object-fit: cover; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); }
.iconlink a:first-child { margin-left: 0px; }
.iconlink a:hover { text-decoration: none; }

.footer .friendlink { display:none;}