* {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
ul {list-style: none;margin: 0;padding: 0;}
p{margin: 0;padding: 0;}
body{transition: all .5s ease;}
body.showp {padding-bottom: 136px;}
section{margin: 0;}
.overflow-h{overflow: hidden;}
/* 动画时间 */
.tran-b{-webkit-transition: all ease-out .5s;-o-transition: all ease-out .5s;transition: all ease-out .5s;}
.tran-36{-webkit-transition: all ease-out .36s;-o-transition: all ease-out .36s;transition: all ease-out .36s;}
/*鼠标经过图片放大*/
.img-scale-box:hover img.scale-img{-ms-transform: scale(1.08,1.08);-moz-transform: scale(1.08,1.08);-webkit-transform: scale(1.08,1.08);-o-transform: scale(1.08,1.08);transform: scale(1.08, 1.08);}
.img-scale-box:hover img.scale-img-s{-ms-transform: scale(1.06,1.06);-moz-transform: scale(1.06,1.06);-webkit-transform: scale(1.06,1.06);-o-transform: scale(1.06,1.06);transform: scale(1.06, 1.06);}
/*常用阴影效果*/
.shadow{-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, .175);box-shadow:0 5px 10px rgba(0, 0, 0, .175);}
.shadow-small{-webkit-box-shadow:0 3px 5px rgba(0, 0, 0, .175);box-shadow:0 3px 5px rgba(0, 0, 0, .175);}
.shadow-big{-webkit-box-shadow:0 8px 15px rgba(0, 0, 0, .175);box-shadow:0 8px 15px rgba(0, 0, 0, .175);}
/* 定位 */
.pos-r{position: relative;}
.pos-tc{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
/* ----- */
.header {position: fixed;top: 0;left: 0;right: 0;z-index: 9;transition: all .25s ease;z-index: 11;}
.header_static{position: inherit;background-color: var(--color-text);}
.header_static.bd-hui{position: fixed;}
.navbars {display: flex;padding: 0 1rem;align-items: center;transition: all .25s ease;height: 60px;}
.logo,.logo>img{height: 100%;}
.navbars-body {position: fixed;top: 0;right: -18rem;bottom: 0;background: #eee;width: 18rem;font-size: 1.0625rem;list-style: none;margin: 0;overflow: auto;padding: 0;z-index: 10;transition: all .5s;}
.navbars-body.open{right: 0;overflow: hidden;}
.navbars-body>li.active>a{color: #fff;}
.navbars-body>li>a {padding: 0.5rem 0;display: block;position: relative;margin: 0 1rem;}
.navbars-body>li.more>a::after {content: "";position: absolute;right: 1rem;top: 1.25rem;width: .75rem;height: .75rem;border-top: solid 1px #bbb;border-right: solid 1px #bbb;transform: rotate(45deg);transition: all .25s ease;}
.logo{padding: .5rem 0;}
.logo>img{width: auto;}
.navbars-body>li>ul {display: none;margin: 0;padding: .5rem 1rem;list-style: none;z-index: 1;}
.navbars-body>li>ul>li>a {padding: .5rem 0;display: flex;align-items: center;}
@media (min-width:1232px){
	.header{background: rgba(0, 0, 0, .3);}
	header.navbars-bg{background: #2c529d;}
	.navbars{display: flex;justify-content: space-between;height: auto;}
	.logo{margin-right: 3rem;}
	.navbars>.nav-switch{display:none;}
	.navbars-body {position: inherit;background-color: transparent;display: flex;align-items: center;width: auto;transform: none;overflow: inherit;}
	.navbars-body>li{position: relative;}
	.navbars-body>li:last-child a{padding-right: 0;}
	.navbars-body>li>a {color: rgba(242,245,247,0.76);margin: 0;padding: 0 1.6rem;text-align: center;line-height: 65px;}
	.navbars-body>li>a::after{display:none;}
	.navbars-body>li:hover>ul{display: block;}
	.navbars-body>li>ul{position: absolute;top: 65px;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, .3);transition: all 0.6s ease 0s;text-align: center;min-width: 12.5rem;width: 100%;padding: 0;}
	.navbars-body>li>ul li a{color: var(--color-white);display: block;padding: 0.625rem 0;}
	.navbars-body>li>ul li a:hover{background-color: var(--color-main);}
}
@media (max-width:1231px){
	body{padding-top: 60px;}
	.header{background-color: #2c529d;}
	.logo{position: relative;left: 45%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
}
#banner img{width: 100%;}
#banner .txt{position: absolute;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);width: 100%;color: var(--color-white);}
#banner .txt .title{font-size: 1.5rem;}
#banner .txt .sub{font-size: 0.875rem;padding-bottom: 1.25rem;margin: 1.25rem 0;}
#banner .txt a{color: var(--color-white);width: 6.25rem;height: 2.1875rem;display: inline-flex;justify-content: center;align-items: center;font-size: 0.875rem;background-color: #144994;}
#banner .txt>a{color: var(--color-white);}
#banner .txt a:hover{background-color: #cfa972;}
#banner .txt .bannerBtn{padding: 15px 0;}
#banner .txt .bannerBtn>a{color: #fff;background-color: #1890ff;border-radius: 40px;padding: 20px 30px;display: inline-block;font-size: 1.25rem;width: auto;height: auto;}
#banner>.flip-prev, #banner>.flip-next{z-index: 11;color: #1890ff;}
#banner .swiper-pagination-bullet{width: 2px;height: 12px;opacity: 1;background: #fff;border-radius: 0;margin: 0 10px;transition: 0.2s;}
#banner .swiper-pagination-bullet-active{height: 20px;background-color: var(--color-main);}
@media (min-width:992px){
	#banner .txt .title{font-size: 2rem;}
}
@media (min-width:1232px){
	#banner .txt .title{font-size: 3rem;}
	#banner .txt .sub{font-size: 1.25rem;}
	#banner .txt a{font-size: 0.875rem;width: 9.25rem;height: 2.8125rem;}
	#banner>.flip-prev, #banner>.flip-next{width: 4.0625rem;height: 4.0625rem;background: rgba(255, 255, 255, .25);outline: none;color: #fff;border-radius:0;}
	#banner>.flip-prev:hover, #banner>.flip-next:hover{background: var(--color-main);}
	 #banner>.flip-next:after,#banner>.flip-prev:after{font-size: 1.5625rem}
	#banner>.swiper-pagination{bottom: 75px;}
	#banner>.flip-prev::before, #banner>.flip-next::before{content: none;}
}
@media (min-width:1632px){
	#banner .txt .title{font-size: 3rem;}
	#banner .txt .sub{font-size: 1.25rem;}
	#banner>.flip-prev, #banner>.flip-next{bottom: 107px;}
	#banner>.swiper-pagination{bottom: 103px;}
}
#banner.zoom .swiper-slide.swiper-slide-active .banner_scale{
	height: 100%;
	-webkit-animation: mymove 5s;
	-o-animation:mymove 5s;
	animation: mymove 5s;
}
@media (max-width:1231px){
	/* #banner>.flip-prev, #banner>.flip-next{display: none;} */
}
.basictext{text-align: center;padding: 0 15px;}
.basictext .title{font-size: 1.875rem;font-weight: bold;padding-top: 3.125rem;}
.basictext .sub{font-size: 1.125rem;padding-top: 0.625rem;color: #707070;}
.basictext2{text-align: center;padding: 0 15px;}
.basictext2 .title{font-size: 1.875rem;padding-top: 2.5rem;color: #3C3C3C;position: relative;}
.basictext2 .title:after{content: "";display: block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 50px;height: 2px;background-color: #2E54A1;}
.basictext2 .sub{font-size: 0.875rem;padding-top: 0.5rem;color: #999999;}
.product-idea{padding-bottom: 5rem;}
.product-idea .container{padding-top: 3.125rem;}
.product-idea .item{padding:1.25rem 0;}
.product-idea .item>a:hover *{color: var(--color-main);}
.product-idea .item>a{display: block;background-color: #F5F5F5;height: 100%;border-radius: 20px;padding: 35px;cursor: pointer;}
.product-idea .item h3{font-size: 1.375rem !important;padding: 1.125rem;margin: 0;font-weight: 500;white-space: nowrap;overflow: hidden;}
.product-idea .item p{font-size: 0.9375rem;color: #898989;}
.product-idea .item .pic_img,.product-idea .item h3{text-align: center;}
.product-idea .item .pic_img img{max-width: 100%;}
@media (min-width:1232px){
	.product-idea .container>.grid{margin: 0 -3.125rem;}
	.product-idea .item{padding:1.25rem;}
}
.partner .container{padding: 0 0 0.625rem 0;position: relative;margin: 1.25rem auto;}
.partner .item p{background-color: #f5f5f5;margin: 0.625rem;padding: 0.9375rem;text-align: center;font-size: 1.25rem;}
.footer{background-color: #1f2a3b;color: #d2d2d2;line-height: normal;}
.footer .footer-center{text-align: center;}
.footer .footer-center .goTop{padding-top: 1.25rem;margin-bottom: 3.125rem;}
.footer .footer-center .goTop i{font-size: 30px;}
.footer .footer-center div>p{padding: 5px 0;}
.footer .footer-left,.footer .footer-right{padding-top: 3.75rem;}
/* .footer .footer-left div{margin-left: 20px;} */
.footer .footer-left .phone{font-size: 1.5625rem;display: flex;align-items: center;margin-left: 30px;padding: 10px 0 5px;}
.footer .footer-left .adress{font-size: 0.9375rem;margin-left: 30px;line-height: 2;}
.footer .footer-left i{position:absolute;left: 0;}
.footer .footer-right{display: flex;justify-content: flex-end;}
.footer .footer-right p{font-size: 1.125rem;padding-bottom: 10px;}
.footer .footer-right .input-group{margin: 0;}
.footer .footer-right form input{width: 290px;border: 1px solid #49576e;background-color: #49576e;color:#d2d2d2;padding: 10px;margin: 5px 0;}
.footer .footer-right form input::placeholder {color: #8c9cb7;font-size: 0.9375rem;}
.footer .footer-right form input:focus {outline: 0;}
.footer .footer-right .btn-f{width: 160px;border: 1px solid #49576e !important;border-radius: 0 !important;padding: 5px;font-size: 1.125rem;margin-top: 10px;}
.footer .validate-tips .input-validate{top: 75%;background-color: #888 !important;z-index: 10;}
.footer .validate-tips .input-validate::after{border-bottom-color: #888 !important;}
.footer .footer-bottom p{padding: 30px 0;border-top: 1px solid #5c6470;text-align: center;margin-top: 2.1875rem;color: #b5b5b5;}
.footer .bannerBtn>a{color: #fff;background-color: #1890ff;border-radius: 40px;padding: 20px 30px;display: inline-block;width: auto;height: auto;}
@media (max-width:1231px){
	.footer .footer-left div{margin-left: 0;}
	.footer .footer-center{padding-top: 2rem;order: 2;}
	.footer .footer-right{justify-content: left;padding-top: 1.875rem;order: 1;padding-left: 30px;}
	.footer .footer-right form input{width: 78vw;max-width: 340px;}
	.footer .footer-right .btn-f{width: 100%;}
}
.box{padding: 50px 0;text-align: center;}
.box img{max-width: 100%;}
@keyframes mymove{
	from {transform: scale(1.2);}
	to {transform: scale(1.0);}
}
@-o-keyframes mymove{ /*Safari and Chrome*/
	from {transform: scale(1.2);}
	to {transform: scale(1.0);}
}
@-webkit-keyframes mymove{ /*Safari and Chrome*/
	from {transform: scale(1.2);}
	to {transform: scale(1.0);}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}