@charset "utf-8";

* {margin: 0; padding: 0; word-wrap: break-word; -webkit-tap-highlight-color: transparent; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; outline: 0;}
*,::after,::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::before,::after {-webkit-transition: all 0.3s; transition: all 0.3s;}
body,html {height: 100%; width: 100%; color: #363d4c; background-color: #fff; min-width: 320px; font-family: "futura-condensed-medium", "PingFangSC-Regular", "Helvetica Neue", "Hiragino Sans GB", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif; font-size: 14px; line-height: 1.2;}
h1,h2,h3,h4,h5,h6 {font-weight: 500; line-height: 1.2; color: inherit;}
a,a:hover {text-decoration: none;}
a {cursor: pointer; color: #020202;}
a:hover {color: #df0716;}
hr,img {border: 0;}
img {vertical-align: middle; max-width: 100%;}
hr {height: 0; border-top: 1px solid #ddd;}
ol,ul {list-style: none;}
button,input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=checkbox],textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: normal;}
button {background: none; border: none;}
button::-moz-focus-inner,input[type=button]::-moz-focus-inner {border: 0; padding: 0;}
input,textarea {font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif; border: 0;}
em,i {font-style: initial !important;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.clearfix {clear: both !important;}
.clearfix:after {display: block; content: ""; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.none {display: none !important; visibility: hidden;}
.block {display: block !important; visibility: visible; zoom: normal;}

.container {max-width: 1500px; margin: 0 auto;}

.title {width: 100%; height: 69px; background: url(../images/title_line.png) center 32px no-repeat; text-align: center;}
.title .title-content {display: inline-block; position: relative; padding: 0 63px 0 67px; background: #fff;}
.title .title-content::before,.title .title-content::after {display: block; content: ""; width: 63px; height: 60px; position: absolute; top: 2px;}
.title .title-content::before {background: url(../images/title_icon1.png) no-repeat; background-size: cover; left: 0;}
.title .title-content::after {background: url(../images/title_icon2.png) no-repeat; background-size: cover; right: 0;}
.title .title-content h4 {line-height: 45px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: 600; color: #3d3d3d;}
.title .title-content p {line-height: 24px; font-size: 16px; color: #999;}

/*分页*/
.pages {font-size: 0; text-align: center;}
.pages a {display: inline-block; line-height: 36px; padding: 0 14px; margin: 0 11px!important; background: #f5f5f5; border: 1px solid #b8b8b8; border-radius: 5px; font-size: 14px; color: #7e7e7e; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.pages span {display: inline-block; line-height: 36px; padding: 0 14px; margin: 0 11px!important; background: #184aa0; border: 1px solid #184aa0; border-radius: 5px; font-size: 14px; color: #fff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.pages a:hover {background: #184aa0; border-color: #184aa0; color: #fff;}

/*头部*/
.header {height: 113px; padding: 0 15px; background: #fff; position: relative; z-index: 10;}
.header .container {display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative;}
.header .container>div {float: left;}
.header .logo {width: 18.5%; min-width: 207px; margin-left: 2px;}
.header .navbar {width: 58.8%;}
.header .navbar ul {display: flex; flex-wrap: nowrap; justify-content: center; width: 100%;}
.header .navbar li {flex: 1; position: relative;}
.header .navbar li>a {display: block; line-height: 113px; text-align: center; font-size: 16px; color: #333; transition: all 0.3s;}
.header .navbar li.active>a,.header .navbar li:hover>a{background: #184aa0; color: #fff;}
.header .navbar li .navbar-menu {display: none; position: absolute; top: 100%; left: 0; width: 100%; background: rgba(0,0,0,0.75); z-index: 99;}
.header .navbar li .navbar-menu a {display: block; line-height: 21px; padding: 10px; border-bottom: 1px solid #333; font-size: 14px; color: rgba(255,255,255,0.8); text-align: center; transition: all 0.3s;}
.header .navbar li .navbar-menu a:hover {background: #184aa0;}
.header .navbar-right {width: 22.7%; min-width: 338px; font-size: 0;}
.header .navbar-right>div {display: inline-block; vertical-align: top;}
.header .navbar-right .nav-language {width: 83px; padding: 0 4px; margin-top: 16px; background: #fff; position: relative;}
.header .navbar-right .nav-language a.cut {display: block; width: 100%; line-height: 20px; padding-bottom: 9px; font-size: 0; transition: all 0.3s; position: relative;}
.header .navbar-right .nav-language a.cut::after {display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fff;}
.header .navbar-right .nav-language:hover a.cut::after {background: #df0716;}
.header .navbar-right .nav-language i:not(.icon) {display: inline-block; width: 28px; height: 19px; vertical-align: middle;}
.header .navbar-right .nav-language i.cn {background: url(../images/cn_icon.png) no-repeat;}
.header .navbar-right .nav-language i.en {background: url(../images/en_icon.png) no-repeat;}
.header .navbar-right .nav-language span {display: inline-block; width: 32px; font-size: 16px; color: #333; text-align: center; vertical-align: middle;}
.header .navbar-right .nav-language:hover a.cut span {color: #184aa0;}
.header .navbar-right .nav-language i.icon {display: inline-block; width: 15px; height: 9px; background: url(../images/buts.png) center bottom no-repeat; background-size: cover; vertical-align: middle;}
.header .navbar-right .nav-language:hover a.cut i.icon {background: url(../images/buts_hover.png) center bottom no-repeat;}
.header .navbar-right .nav-language ul {display: none; position: absolute; top: 29px; left: 0;}
.header .navbar-right .nav-language li {line-height: 19px; padding: 9px 0 9px 12px;}
.header .navbar-right .nav-language li span {color: #999;}
.header .navbar-right .nav-language li:hover span {color: #184aa0;}
.header .navbar-right .tel_box {max-width: 255px; padding-left: 21px; font-size: 0;}
.header .navbar-right .tel_box i {display: inline-block; width: 40px; height: 40px; margin-right: 9px; background: url(../images/icon_tel.png) no-repeat; background-size: 40px 40px; vertical-align: middle;}
.header .navbar-right .tel_box div {display: inline-block; text-align: right; vertical-align: middle;}
.header .navbar-right .tel_box p {line-height: 27px; font-size: 18px; color: #000;}
.header .navbar-right .tel_box h3 {line-height: 1; font-size: 24px; font-weight: bold; color: #184aa0;}

/*底部*/
.footer {padding: 0 15px; background: #184aa0; overflow: hidden;}
.footer .footer-logo {margin-top: 3.2667%; text-align: center;}
.footer .footer-contact {margin: 4.6667% 0 1.7333%;}
.footer .footer-contact ul {font-size: 0;}
.footer .footer-contact li {display: inline-block; width: 31.996799999999997%; text-align: center;}
.footer .footer-contact li:not(:first-child) {margin-left: 2%;}
.footer .footer-contact li .pic {margin-bottom: 13px;}
.footer .footer-contact li .txt {line-height: 30px; font-size: 20px; color: #fff;}
.footer .line {width: 100%; border-bottom: 1px dashed #184aa0;}
.footer .content {margin: 22px 0 14px;}
.footer .content,.footer .content .footer-menu ul {display: flex; align-items: flex-start; justify-content: space-between;}
.footer .content .footer-menu {width: 82%;}
.footer .content .footer-menu li {flex: 1;}
.footer .content .footer-menu li > a {display: inline-block; line-height: 32px; border-bottom: 1px solid #fff; font-size: 16px; color: #fff;}
.footer .content .footer-menu li .subMenu {margin-top: 12px;}
.footer .content .footer-menu li .subMenu a {display: block; line-height: 28px; font-size: 14px; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.footer .content .footer-menu li .subMenu a:hover {color: rgba(255,255,255,0.8);}
.footer .content .QRcode {padding: 9px 4.7333%;}
.footer .content .QRcode p {line-height: 24px; margin-top: 7px; font-size: 14px; color: #fff; text-align: center;}
.copyright {padding: 16px 0 22px; background: #184aa0; border-top: 1px solid #184aa0;}
.copyright p {line-height: 34px; font-size: 16px; color: #fff; text-align: center;}
.copyright p i {display: inline-block; width: 1px; height: 16px; margin: 0 33px; background: #184aa0; vertical-align: middle;}
.copyright p a {color: #fff;}
.copyright p a:hover {color: rgba(255,255,255,0.8);}

/*首页轮播图*/
.carousel {position: relative; overflow: hidden;}
.carousel .swiper-slide {overflow: hidden;}
.carousel .coverbg {width: 100%; padding-top: 41.146%; background-size: cover; background-position: center; overflow: hidden;}
.carousel .pagination {position: absolute; bottom: 60px; height: 8px; font-size: 0; text-align: center; z-index: 2;}
.carousel .pagination .swiper-pagination-bullet {width: 38px; height: 8px; border-radius: 8px; background: #fff; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s;}
.carousel .pagination .swiper-pagination-bullet-active {background: #184aa0; -webkit-box-shadow: 0 0 5px rgb(255, 255, 255, 0.5); box-shadow: 0 0 5px rgb(255, 255, 255, 0.5);}

/*首页主打产品*/
.index-pro {overflow: hidden;}
.index-pro .title {margin: 63px auto 53px;}
/* .index-pro .content {position: relative; min-height: 680px;}
.index-pro .content .box {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 4.271%; overflow: hidden;}
.index-pro .container {padding-left: 5.9333%;}
.index-pro .container h3 {max-width: 60%; line-height: 74px; font-family: "Noto Sans SC"; font-size: 58px; font-weight: bold; color: #003883;}
.index-pro .container h3 span {display: inline-block; padding-right: 36px; position: relative;}
.index-pro .container h3 span::after {display: block; content: ""; width: 19px; height: 19px; background: url(../images/icon_r.png) no-repeat; position: absolute; top: 2px; right: 17px;}
.index-pro .container h4 {max-width: 60%; line-height: 56px; font-size: 41px; color: #003883; letter-spacing: 24px;}
.index-pro .container .intro {max-width: 720px; height: 100px; margin: 2.2% 0 3.37333%; overflow: hidden;}
.index-pro .container .intro .swiper-slide div {line-height: 30px; font-size: 18px; color: #666;}
.index-pro .container .features .swiper-slide {max-width: 100px; min-height: 100px; background: #fff; border: 1px solid #474747; border-radius: 20px; text-align: center; cursor: pointer; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s;}
.index-pro .container .features .list_box {width: 90%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.index-pro .container .features .list_box img {display: inline-block;}
.index-pro .container .features .list_box p {line-height: 22px; margin-top: 10px; font-size: 16px; color: #474747;}
.index-pro .container .features .active {background: #0089da; border-color: #0089da;}
.index-pro .container .features .active .list_box img {filter: grayscale(100%) brightness(500%);}
.index-pro .container .features .active .list_box p {color: #fff;}
.index-pro .container .btn_box {max-width: 720px; margin: 2.8% 0 3.6%; text-align: right;}
.index-pro .container .btn_box a.more {display: inline-block; width: 159px; height: 49px; line-height: 49px; margin-right: 18px; border-radius: 49px; background: #0089da; text-align: center;}
.index-pro .container .btn_box .more span {display: inline-block; padding-right: 18px; font-size: 16px; color: #fff; position: relative;}
.index-pro .container .btn_box .more span::after {display: block; content: ""; width: 9px; height: 13px; background: url(../images/icon_arrow_right_white.png) no-repeat; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.index-pro .box .swiper-btn div {display: block; width: 54px; height: 113px; position: absolute; top: 39%; cursor: pointer;}
.index-pro .box .swiper-btn .sPrev {left: 3.9583%; background: url(../images/icon_arrow_left.png) no-repeat;}
.index-pro .box .swiper-btn .sNext {right: 3.9583%; background: url(../images/icon_arrow_right.png) no-repeat;}
@media screen and (max-width: 1680px) {
	.index-pro .content>img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	.index-pro .box .swiper-btn .sPrev {left: 0;}
	.index-pro .box .swiper-btn .sNext {right: 0;}
}
.index-pro .container .slogan {padding-left: 16.8%;} */

.index-pro .content .pro-slider {position: relative; overflow: hidden;}
.index-pro .content .pro-slider .swiper-slide {overflow: hidden;}
.index-pro .content .pro-slider .coverbg {width: 100%; padding-top: 39.0625%; background-position: center; background-repeat: no-repeat; background-size: 100%;}
.index-pro .content .pro-slider .btn {display: block; width: 54px; height: 113px; position: absolute; top: 39%; cursor: pointer; z-index: 2;}
.index-pro .content .pro-slider .btn-prev {left: 3.9583%; background: url(../images/icon_arrow_left.png) no-repeat;}
.index-pro .content .pro-slider .btn-next {right: 3.9583%; background: url(../images/icon_arrow_right.png) no-repeat;}

/*首页解决方案*/
.index-solution {overflow: hidden;}
.index-solution .title {margin: 63px 0 62px;}
.index-solution .pic-group {width: 100%; padding-top: 41.35%; position: relative; overflow: hidden;}
.index-solution .pic-group .list img {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index-solution .pic-group .col, .index-solution .col .imgwr, .index-solution .col .img {display: none; position: absolute; top: 0; left: 0; width: 16.66%; height: 100%; overflow: hidden;}
.index-solution .pic-group .col::before {content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 1px; height: 100%; background-color: #fff;}
.index-solution .pic-group .col-c1,.index-solution .pic-group .col:first-child {display: block; left: 0;}
.index-solution .pic-group .col-c1::before,.index-solution .pic-group .col:first-child::before {display: none;}
.index-solution .col .imgwr {display: block; width: 100%; background-color: #000;}
.index-solution .col .imgwr .img {display: block; left: 100%; width: auto; max-width: initial; min-width: 100%; opacity: 0; filter: alpha(opacity=0); transform: translate3d(-100%, 0, 0);}
.index-solution .col .imgwr .smallimg {display: block; left: 0; width: 100%; max-width: initial; min-width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40);}
.index-solution .col .imgwr .box1 {position: absolute; top: 50%; left: 5%; width: 90%; margin: 0 auto; transform: translate3d(0, -50%, 0);}
.index-solution .col .imgwr .tit {width: 100%; line-height: 36px; font-size: 24px; padding: 21px 0; text-align: center; color: #fff; position: relative;}
.index-solution .col .imgwr .tit::after {display: block; content: ""; width: 80px; height: 2px; background: #fff; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.index-solution .col .conwr {position: absolute; top: 60%; left: 4.97%; right: 4.97%; z-index: 3; margin: 0 auto; width: auto; text-align: left; color: #fff; opacity: 0; filter: alpha(opacity=0);}
.index-solution .col:hover .img, .index-solution .col-on .imgwr .img {opacity: 1; filter: alpha(opacity=100);}
.index-solution .col:hover .smallimg, .index-solution .col-on .imgwr .smallimg {opacity: 0; filter: alpha(opacity=0);}
.index-solution .col:hover .imgwr .box1, .index-solution .col-on .imgwr .box1 {bottom: 10%; opacity: 0; filter: alpha(opacity=0);}
.index-solution .col:hover .conwr, .index-solution .col-on .conwr {top: 8.667%; opacity: 1; filter: alpha(opacity=100);}

.anime-r .yb,.anime-r.yb {-webkit-animation: yb 1s forwards; -moz-animation: yb 1s forwards; -o-animation: yb 1s forwards; animation: yb 1s forwards;}
.anime-r .yb:nth-child(1) {-webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s;}
.anime-r .yb:nth-child(2) {-webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s;}
.anime-r .yb:nth-child(3) {-webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;}
.anime-r .yb:nth-child(4) {-webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s;}
.anime-r .yb:nth-child(5) {-webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s;}
.anime-r .yb:nth-child(6) {-webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s;}
.anime-r .yb:nth-child(7) {-webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s;}
.anime-r .yb:nth-child(8) {-webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s;}
.anime-r .yb:nth-child(9) {-webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s;}
.anime-r .yb:nth-child(10) {-webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -o-animation-delay: 1.0s; animation-delay: 1.0s;}
.anime-r .yb:nth-child(11) {-webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s;}
.anime-r .yb:nth-child(12) {-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;}
.anime-r .yb:nth-child(13) {-webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s;}
.anime-r .yb:nth-child(14) {-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;}

.trs03s {-webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

/*首页产品中心*/
.index-products {background: #f5f5f5; overflow: hidden;}
.index-products .title {margin: 71px 0 41px; background: none;}
.index-products .title .title-content {background: #f5f5f5;}
.index-products .container section {text-align: center;}
.index-products .container section .cn {line-height: 27px; margin-bottom: 11px; font-size: 18px; color: #333; letter-spacing: 1px;}
.index-products .container section .en {line-height: 22px; font-size: 16px; color: #999;}
.index-products .content {width: 84.375%; padding: 0 3.02%; margin: 0 auto; position: relative; overflow: hidden;}
.index-products .list {margin-top: 55px; overflow: inherit;}
/* .index-products .list .swiper-slide {max-width: 362px;} */
.index-products .list .swiper-slide {max-width: 360px; background: #fff;}
.index-products .swiper-slide .img {width: 100%; padding-top: 64.92%; overflow: hidden; position: relative;}
.index-products .swiper-slide .img img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transform: scale(1,1); -webkit-transition: all 0.5s; transition: all 0.5s;}
.index-products .swiper-slide:hover .img img {transform: scale(1.1,1.1);}
.index-products .swiper-slide .txt {padding: 7px 22px 11px; position: relative;}
.index-products .swiper-slide .txt::after {display: block; content: ""; width: 20px; height: 20px; background: url(../images/icon_triangle.png) no-repeat; position: absolute; top: 0; right: 0;}
.index-products .swiper-slide .txt span {display: inline-block; line-height: 36px; margin-bottom: 9px; font-size: 16px; color: #999; position: relative;}
.index-products .swiper-slide .txt span::after {display: block; content: ""; width: 100%; height: 2px; background: #184aa0; position: absolute; left: 0; bottom: 0;}
.index-products .swiper-slide .txt p {line-height: 33px; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index-products .list .btn {width: 29px; height: 53px; position: absolute; top: 34.95%; cursor: pointer;}
.index-products .list .btn-prev {left: 0; background: url(../images/icon_arrow_left1.png) no-repeat;}
.index-products .list .btn-next {right: 0; background: url(../images/icon_arrow_right1.png) no-repeat;}
.index-products .content .btn-box {margin: 4.333% 0 3.8667%; text-align: center;}
.index-products .content .btn-box a.more {display: inline-block; min-width: 159px; height: 49px; line-height: 49px; background: #184aa0; border-radius: 100px;}
.index-products .content .btn-box a.more span {display: inline-block; padding-right: 18px; font-size: 16px; color: #fff; position: relative;}
.index-products .content .btn-box a.more span::after {display: block; content: ""; width: 9px; height: 13px; background: url(../images/icon_arrow_right_white.png) no-repeat; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

/*首页关于我们*/
.index-about {position: relative; padding: 2.92% 15px 2.8125%; overflow: hidden;}
.index-about > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.index-about .title,.index-about .title .title-content {background: none;}
.index-about .title .title-content h4,.index-about .title .title-content p {color: #fff;}
.index-about .content {display: flex; align-items: center; justify-content: space-between; margin-top: 2.667%;}
.index-about .content .txt {width: 50%;}
.index-about .content .txt section {line-height: 35px; font-size: 16px; color: #fff; text-align: justify;}
.index-about .content .pic {width: 47%;}
.index-about .btn-box {margin-top: 1.51%; text-align: center;}
.index-about .btn-box a.more {display: inline-block; min-width: 159px; height: 49px; line-height: 45px; border: 2px solid #fff; border-radius: 100px;}
.index-about .btn-box a.more span {display: inline-block; padding-right: 18px; font-size: 16px; color: #fff; position: relative;}
.index-about .btn-box a.more span::after {display: block; content: ""; width: 9px; height: 13px; background: url(../images/icon_arrow_right_white.png) no-repeat; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

/*首页新闻中心*/
.index-news {padding: 3.23% 15px 4.01%; background: url(../images/BG01.jpg) center center no-repeat; background-size: 100% 100%; overflow: hidden;}
.index-news .title .title-content {background: none;}
.news-navbar {margin: 3.667% 0 3.133%;}
.news-navbar ul {font-size: 0; text-align: center;}
.news-navbar li {display: inline-block; min-width: 159px; height: 49px; line-height: 47px; margin: 0 45px; padding: 0 20px; border: 1px solid #dedede; border-radius: 100px; font-size: 18px; color: #333; text-align: center; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s;}
.news-navbar .active,.news-navbar li:hover {background: #184aa0; border-color: #184aa0; color: #fff;}
.index-news .list {width: 100%; padding-top: 49.6%; position: relative;}
.index-news .list .items {display: none; position: absolute; top: 0; left: 0; width: 100%;}
.index-news .list .items:first-child {display: block;}
.index-news .list ul {margin: 0 -1.2%; font-size: 0;}
.index-news .list ul li {display: inline-block; width: 50%; padding: 0 1.2%;}
.index-news .list ul li a {display: block; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.index-news .list ul li:hover a {-webkit-box-shadow: 0 0 29px rgb(222, 222, 222, 1); box-shadow: 0 0 29px rgb(222, 222, 222, 1);}
.index-news .list ul li .pic {width: 100%; padding-top: 65.3%; position: relative; overflow: hidden;}
.index-news .list ul li .pic img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 1s ease; transition: all 1s ease;}
.index-news .list ul li:hover .pic img {transform: scale(1.1);}
.index-news .list ul li .txt {padding: 16px 10px 21px;}
.index-news .list ul li .txt::after {display: block; content: ""; clear: both; visibility: hidden;}
.index-news .list ul li .txt h3 {line-height: 37px; margin-bottom: 5px; font-size: 20px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index-news .list ul li .txt p {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 56px; line-height: 28px; font-size: 16px; color: #999;}
.index-news .list ul li .txt .time {float: right; line-height: 1; font-size: 18px; color: #999;}
.index-news .list .btn-box {margin-top: 3.8%; text-align: center;}
.index-news .list .btn-box a.more {display: inline-block; min-width: 159px; height: 49px; line-height: 49px; background: #184aa0; border-radius: 100px;}
.index-news .list .btn-box a.more span {display: inline-block; padding-right: 18px; font-size: 16px; color: #fff; position: relative;}
.index-news .list .btn-box a.more span::after {display: block; content: ""; width: 9px; height: 13px; background: url(../images/icon_arrow_right_white.png) no-repeat; position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

/*首页底部轮播*/
.index-album {position: relative; overflow: hidden;}
.index-album .coverbg {width: 100%; padding-top: 66%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.index-album .tit {position: absolute; left: 0; bottom: 0; width: 100%; line-height: 79px; padding: 0 20px; background: rgba(0, 0, 0, 0.6); font-size: 25px; color: #fff; text-align: center;}
.index-album .btn {width: 54px; height: 113px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 2;}
.index-album .btn-prev {left: 3.90625%; background: url(../images/arrow_left_white.png) no-repeat;}
.index-album .btn-next {right: 3.90625%; background: url(../images/arrow_right_white.png) no-repeat;}

/*内页BANNER*/
.banner {overflow: hidden;}
.banner .coverbg {width: 100%; padding-top: 35.9375%; background-position: center; background-repeat: no-repeat; background-size: cover;}
.banners .coverbg {padding-top: 35.9375%;}

/*内页二级导航*/
.subNav {height: 78px; padding: 0 15px; position: relative;}
.subNav::after {display: block; content: ""; width: 100%; height: 1px; background: #eee; position: absolute; left: 0; bottom: 0;}
.subNav .container {display: flex; align-items: center; justify-content: space-between;}
.subNav .subNavbar {width: 70.8%; height: 78px;}
.subNav .subNavbar ul {display: flex; align-items: center; justify-content: flex-start; height: 78px; font-size: 0;}
.subNav .subNavbar li {display: inline-block; flex: 1; max-width: 177px; height: 100%;}
.subNav .subNavbars li {max-width: 260px;}
.subNav .subNavbar li a {display: block; width: 100%; height: 100%; padding: 0 10px; text-align: center; position: relative;}
.subNav .subNavbar li a::after {display: block; content: ""; width: 0; height: 1px; background: #184aa0; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 2; -webkit-transition: all 0.3s; transition: all 0.3s;}
.subNav .subNavbar li.active a::after,.subNav .subNavbar li:hover a::after {width: 100%;}
.subNav .subNavbar li a span {display: inline-block; width: auto; line-height: 30px; font-size: 18px; color: #333; position: absolute; top: 50%; left: 5px; right: 5px; transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s;}
.subNav .subNavbar li.active a span,.subNav .subNavbar li:hover a span {color: #184aa0;}
.subNav .menuNav a,.subNav .menuNav span {font-size: 14px; color: #666;}
.subNav .menuNav a.home {padding-left: 26px; position: relative;}
.subNav .menuNav a.home::after {display: block; content: ""; width: 18px; height: 15px; background: url(../images/icon_home.png) no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.subNav .menuNav a:hover {color: #184aa0;}

/*关于我们*/
.about-box1 {padding: 0 15px;}
.about-box1 .left {width: 55.333%; padding-top: 4.8%;}
.about-box1 .left .tit {text-align: right;}
.about-box1 .left .tit h3 {line-height: 44px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #184aa0;}
.about-box1 .left .tit p {line-height: 21px; font-size: 16px; color: #ccc;}
.about-box1 .left section {line-height: 40px; /*padding-right: 25px;*/ margin-top: 32px; font-size: 18px; color: #333; text-align: justify;}
.about-box1 .right {width: 40%;}
.about-box1 .pic img {display: inline-block; /*margin-top: -10.7333%;*/}
.about-box2 {padding: 0 15px;}
.about-box2 .container {position: relative; min-height: 500px; margin: 5.0667% auto 4.46667%;}
.about-box2 .container .tit {position: absolute; top: 0; right: 4.7333%;}
.about-box2 .container .tit p {display: inline-block; margin-top: 76px; font-size: 36px; color: #ccc; writing-mode: vertical-rl; letter-spacing: 2px; vertical-align: text-top;}
.about-box2 .container .tit h3 {display: inline-block; font-family: "Noto Sans SC"; font-size: 50px; font-weight: bold; color: #184aa0; writing-mode: vertical-rl; letter-spacing: 2px; vertical-align: text-top;}
.about-box2 .content {padding: 0 17.333% 0 3.733%;}
.about-box2 .content .items {}
.about-box2 .content .items section {line-height: 32px; padding-left: 16.8%; font-size: 18px; color: #333;}
.about-box2 .content .items:first-child section {margin: -1.6% 0 9px;}
.about-box2 .content .items:nth-child(2) section {margin: -4.133% 0 1.533%;}
.about-box2 .content .items:nth-child(3) section {margin: -4.2% 0 4.733%;}
.about-box2 .content .items:nth-child(4) section {margin-top: -5.86667%;}

/*企业文化*/
.about-box3 {padding: 22px 15px 0;}
.about-box3 .container {position: relative;}
.about-box3 .container .tit {position: absolute; top: 22.1333%; left: 13.333%;}
.about-box3 .container .tit p {display: inline-block; margin-top: 76px; font-size: 36px; color: #ccc; writing-mode: vertical-rl; letter-spacing: 2px; vertical-align: text-top;}
.about-box3 .container .tit h3 {display: inline-block; font-family: "Noto Sans SC"; font-size: 50px; font-weight: bold; color: #184aa0; writing-mode: vertical-rl; letter-spacing: 2px; vertical-align: text-top;}

/*企业相册*/
.album {padding: 4.8667% 15px 4.4%; overflow: hidden;}
.album .tit {margin-bottom: 3.4%; text-align: center;}
.album .tit h3 {line-height: 43px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #184aa0;}
.album .tit p {line-height: 22px; font-size: 16px; color: #ccc;}
.album-list ul {margin: 0 -1.1%; font-size: 0;}
.album-list li {display: inline-block; width: 33.333%; padding: 0 1.1%; margin-bottom: 3.1333%;}
.album-list li a {display: block; width: 100%; padding-top: 67%; position: relative; overflow: hidden;}
.album-list li a img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 1s ease; transition: all 1s ease;}
.album-list li:hover a img {transform: scale(1.1);}
.album-list li a p {width: 100%; line-height: 59px; padding: 0 10px; background: rgba(0, 0, 0, 0.5); font-size: 18px; color: #fff; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; left: 0; bottom: -59px; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.album-list li:hover a p {bottom: 0;}

/*产品中心*/
.products-list {padding: 2.8667% 15px;}
.products-list .tit {margin-bottom: 3.6%; text-align: center;}
.products-list .tit h3 {line-height: 44px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #184aa0;}
.products-list .tit p {line-height: 21px; font-size: 16px; color: #ccc;}
.products-list .list ul {margin: 0 -0.6%; font-size: 0;}
.products-list .list li {display: inline-block; width: 25%; padding: 0 0.6%; margin-bottom: 3.5333%;}
.products-list .list li a {display: block; width: 100%; max-width: 362px; background: #f9f9f9;}
.products-list .list .img {width: 100%; padding-top: 64.92%; overflow: hidden; position: relative;}
.products-list .list .img img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; transform: scale(1,1); -webkit-transition: all 0.5s; transition: all 0.5s;}
.products-list .list li:hover .img img {transform: scale(1.1,1.1);}
.products-list .list .txt {padding: 7px 22px 11px; position: relative;}
.products-list .list .txt::after {display: block; content: ""; width: 20px; height: 20px; background: url(../images/icon_triangle.png) no-repeat; position: absolute; top: 0; right: 0;}
.products-list .list .txt span {display: inline-block; line-height: 36px; margin-bottom: 9px; font-size: 16px; color: #999; position: relative;}
.products-list .list .txt span::after {display: block; content: ""; width: 100%; height: 2px; background: #184aa0; position: absolute; left: 0; bottom: 0;}
.products-list .list .txt p {line-height: 33px; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*产品详情*/
.products-content {background: #f5f5f5;}
.products-content .container {padding: 0 3.06667% 5.26667%;}
.products-content .list-inline {padding: 25px 0 12px;}
.products-content .list-inline ul {font-size: 0;}
.products-content .list-inline ul li {display: inline-block; line-height: 31px; font-size: 14px; color: #666;}
.products-content .list-inline ul li a {color: #666; transition: all 0.3s linear; -o-transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.products-content .list-inline ul li a:hover {color: #184aa0;}
.products-content .detailsbox {padding: 2.5% 2.8%; background: #fff;}
.products-content .detailsbox .content {display: flex; align-items: flex-start; justify-content: space-between;}
.products-content .detailsbox .product-details {width: 56%; max-width: 750px;}
.product-details .master-container .coverbg {width: 100%; padding-top: 64.8%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.product-details .thumbs-container {margin-top: 2.1%;}
.product-details .thumbs-container .thumbs {width: 100%; padding-top: 64.8%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.products-content .detailsbox .product-details-text {width: 41%; position: relative;}
.product-details-text h3 {line-height: 43px; padding-bottom: 12px; border-bottom: 1px solid #eee; font-size: 24px; color: #000;}
.product-details-text section {line-height: 28px; margin-top: 20px; font-size: 16px; color: #333;}
.goods-details-box {padding-top: 3.4%;}
.goods-details-box .titbox {text-align: center; border-bottom: 1px solid #ccc;}
.goods-details-box .tit {line-height: 43px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #184aa0;}
.goods-details-box .tit-en {line-height: 21px; font-size: 16px; color: #ccc;}
.goods-details-box span.line {display: block; width: 65px; height: 4px; margin: 6px auto -2px; background: #184aa0;}
.goods-details-box .goods-introduce {line-height: 35px; padding-top: 20px; font-size: 16px; color: #000;}

/*查询*/
.search {padding: 3.1% 15px;}
.search .tit {margin-bottom: 3.6%; text-align: center;}
.search .tit h3 {line-height: 44px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #184aa0;}
.search .tit p {line-height: 21px; font-size: 16px; color: #ccc;}
.searchlist {max-width: 1000px; margin: 0 auto;}
.searchlist input {height: 24px; padding: 1px 2px 1px 3px; border: 1px solid #000; color: #424242;}
.searchlist input.buttom {display: inline-block; height: 24px; margin-left: 5px; padding: 0 20px; background: #000; color: #fff;}
.searchlist table th,.searchlist table td {line-height: 30px;}

/*新闻资讯*/
.news-list {padding: 3.1% 15px;}
.news-list .tit {margin-bottom: 3.6%; text-align: center;}
.news-list .tit h3 {line-height: 44px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #184aa0;}
.news-list .tit p {line-height: 21px; font-size: 16px; color: #ccc;}
.news-list .list ul {margin: 0 -1.2%; font-size: 0;}
.news-list .list ul li {display: inline-block; width: 50%; padding: 0 1.2%; margin-bottom: 2.4%;}
.news-list .list ul li a {display: block; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.news-list .list ul li:hover a {-webkit-box-shadow: 0 0 29px rgb(222, 222, 222, 1); box-shadow: 0 0 29px rgb(222, 222, 222, 1);}
.news-list .list ul li .pic {width: 100%; padding-top: 65.3%; position: relative; overflow: hidden;}
.news-list .list ul li .pic img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 1s ease; transition: all 1s ease;}
.news-list .list ul li:hover .pic img {transform: scale(1.1);}
.news-list .list ul li .txt {padding: 16px 10px 21px;}
.news-list .list ul li .txt::after {display: block; content: ""; clear: both; visibility: hidden;}
.news-list .list ul li .txt h3 {line-height: 37px; margin-bottom: 5px; font-size: 26px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-list .list ul li .txt p {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 56px; line-height: 28px; font-size: 18px; color: #999;}
.news-list .list ul li .txt .time {float: right; line-height: 1; font-size: 18px; color: #999;}
.news-list .pages {margin-top: 2.6667%;}

/*新闻资讯详情*/
.news-details {padding: 2.24% 15px 2.96875%;}
.news-details .content .tit {line-height: 37px; padding: 8px 15px; border-bottom: 1px solid #eee; font-size: 24px; color: #000; text-align: center;}
.news-details .content .time {line-height: 21px; margin-top: 9px; font-size: 14px; color: #666; text-align: center;}
.news-details .content .substance {max-width: 80%; margin: 0 auto; padding: 2.2% 0; line-height: 30px; font-size: 16px; color: #666;}
.news-details .content .substance img {display: inline-block;}
.news-details .content .newsfoot {border-top: 1px solid #eee;}
.news-details .content .newsfoot a{display: block; max-width: 40%; line-height: 30px; margin: 10px 0; font-size: 16px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-details .content .newsfoot a:hover{color: #184aa0;}

/*常见问题*/
.question-list {max-width: 86.667%; margin: -1.7333% auto 0;}
.question-list li {margin-bottom: 15px;}
.question-list .titles {line-height: 49px; padding: 0 63px 0 17px; background: #184aa0; border-radius: 100px; font-size: 20px; color: #fff; position: relative; cursor: pointer;}
.question-list .titles span {margin-right: 14px; font-size: 32px; font-weight: bold; vertical-align: middle;}
.question-list .titles::after {display: block; content: ""; width: 13px; height: 9px; background: url(../images/icon_arrow_down_white.png) no-repeat; position: absolute; top: 50%; right: 25px; transform: translateY(-50%);}
.question-list .text {display: none; line-height: 30px; padding: 19px 26px; margin-top: -13px; background: #f9f9f9; border: 1px solid #ececec; border-radius: 20px; font-size: 16px; color: #666; text-align: justify;}

/*解决方案*/
.solution {position: relative; padding: 22px 15px 3.59375%; text-align: center;}
.solution .container {position: relative; padding-top: 3.4%;}
.solution .tit {margin-bottom: 1.5333%; text-align: center;}
.solution .tit h3 {line-height: 44px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #184aa0;}
.solution .tit p {line-height: 21px; font-size: 16px; color: #ccc;}
.solution .subTit {display: inline-block; line-height: 44px; padding: 0 103px; margin-bottom: 14px; font-family: "Noto Sans SC"; font-size: 30px; font-weight: bold; color: #333; position: relative;}
.solution .subTit::before,.solution .subTit::after {display: block; content: ""; width: 88px; height: 10px; position: absolute; top: 50%; transform: translateY(-50%);}
.solution .subTit:before {left: 0; background: url(../images/icon_left_line.jpg) no-repeat;}
.solution .subTit:after {right: 0; background: url(../images/icon_right_line.jpg) no-repeat;}
.solution .tag {font-size: 0;}
.solution .tag span {display: inline-block; min-width: 179px; height: 49px; line-height: 49px; padding: 0 10px; margin: 0 13px; background: #184aa0; border-radius: 100px; font-size: 18px; color: #fff; text-align: center;}
.solution section {line-height: 40px; font-size: 18px; color: #333; text-align: left;}
.solution section.mid {text-align: center;}

/*联系我们*/
.contact {padding: 3.8% 15px 0;}
.contact .tit {margin-bottom: 3%; text-align: center;}
.contact .tit h3 {line-height: 44px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #184aa0;}
.contact .tit p {line-height: 21px; font-size: 16px; color: #ccc;}
.contact .list {margin-bottom: 3.4%;}
.contact .list ul {display: flex; align-items: flex-start; justify-content: flex-start;}
.contact .list li {flex: 1; position: relative;}
.contact .list li:nth-child(1) {padding-left: 4.2%;}
.contact .list li:nth-child(2) {padding-left: 8.4667%;}
.contact .list li:nth-child(3) {padding-left: 8%;}
.contact .list li::after {display: block; content: ""; width: 1px; height: 223px; background: #eee; position: absolute; top: 7px; right: 0;}
.contact .list li:last-child::after {display: none;}
.contact .list li h4 {line-height: 35px; margin-bottom: 4px; font-size: 18px; color: #184aa0;}
.contact .list li p {line-height: 39px; font-size: 16px; color: #666;}
.mapbox {position: relative; width: 100%; padding-top: 31.25%;}
.map {width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;}
.input-card {width: 280px;}
.input-card h4 {font-weight: bold; border-bottom: 2px solid #666; margin-bottom: 6px; padding-bottom: 4px;}
.input-card p {font-size: 14px;}
.amap-info-sharp {height: 9px; width: 16px; top: -1px; left: 50%; margin-left: -8px; background: url(../images/map.png) 0 0 no-repeat;}

/*在线留言*/
.contact form {width: 59.667%; margin: 0 auto;}
.contact form .item {margin-bottom: 21px; font-size: 0;}
.contact form .item > div {display: inline-block; width: 50%; position: relative;}
.contact form .item > div:last-child {text-align: right;}
.contact form .item p {display: inline-block; width: 370px; height: 50px; line-height: 50px; padding: 0 15px 0 58px; background: #eee; border: none; border-radius: 5px; position: relative; vertical-align: middle;}
.contact form .item .codeBox {width: 264px;}
.contact form .item p input[type="text"] {width: 100%; height: 100%; background: none; border: none; font-size: 18px; color: #333;}
.contact form .item p input::-webkit-input-placeholder{color: #b5b5b5;}
.contact form .item p input::-moz-placeholder{color: #b5b5b5;}
.contact form .item p input:-moz-placeholder{color: #b5b5b5;}
.contact form .item p input:-ms-input-placeholder{color: #b5b5b5;}
.contact form .item p i {display: block; width: 27px; height: 50px; position: absolute; top: 0; left: 21px;}
.contact form .item p i.user {background: url(../images/icon_message.png) 0 0 no-repeat;}
.contact form .item p i.phone {background: url(../images/icon_message.png) 0 -50px no-repeat;}
.contact form .item p i.mail {background: url(../images/icon_message.png) 0 -100px no-repeat;}
.contact form .item p i.code {background: url(../images/icon_message.png) 0 -150px no-repeat;}
.contact form .item .imgCode {width: 92px; height: 44px; margin-left: 14px; vertical-align: middle;}
.contact form .item span {display: inline-block; margin-left: 17px; font-size: 18px; color: #e80010; vertical-align: middle;}
.contact form .item:last-child span {margin-top: 19px;}
.contact form .item textarea {width: 868px; line-height: 32px; padding: 10px 24px; background: #eee; border-radius: 5px; font-size: 18px; color: #333; resize: none; vertical-align: top;}
.contact form .item textarea::-webkit-input-placeholder{color: #b5b5b5;}
.contact form .item textarea::-moz-placeholder{color: #b5b5b5;}
.contact form .item textarea:-moz-placeholder{color: #b5b5b5;}
.contact form .item textarea:-ms-input-placeholder{color: #b5b5b5;}
.contact form input[type="submit"] {display: block; width: 159px; height: 49px; line-height: 49px; margin: 5% auto 6.8%; background: #184aa0; border-radius: 100px; font-size: 18px; color: #fff; text-align: center;}