@charset "utf-8";

.left h3,.right-nav h2,.titleText h3,h3 {
	text-transform: uppercase
}

.titleText,h3 a {
	color: #666
}

.bottom li,.button1,.contact2 .wrap .contact2l dl dt,.contact2 .wrap .contact2l h3,.copyright .copy-l ul,.copyright .copy-r,.foteny_ly h3,.fuju .fujumore,.fuju dt,.news .newsmain h2,.p-btitile h4,.p_footer ul,.p_footer ul li,.path,.photo2 .process,.pro h3,.pro-inquiry,.pro-pro dt,.pro-solution ul li h5,.process img,.product .cop,.productBox1 .piclist h3,.service1 .service1l,.service2 dl,.service2 h3,.titleText,.titleText h3,.wap-contact li,.wap-languagePop ul li,h3 {
	text-align: center
}

.pc {
	display: none!important
}

.wap {
	display: block
}

body,html {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 100px;
	font-size: 26.66666667vw;
	width: 100%;
	overflow-x: hidden
}

h3 {
	font-size: .2rem;
	line-height: 1.6;
	margin: .03rem auto
}

.titleText {
	display: block
}

.wrap {
	margin: 0 auto
}

.clear {
	display: none
}

.process {
	font-size: .1rem
}

@keyframes scaleToggleOne {
	0%,100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes scaleToggleTwo {
	0%,100%,20% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	60% {
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

@keyframes scaleToggleThree {
	0%,100%,33% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	66% {
		-webkit-transform: scale(2);
		transform: scale(2)
	}
}

.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.livechat-girl {
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	position: fixed;
	bottom: .53rem;
	right: .17rem;
	opacity: 0;
	-webkit-box-shadow: 0 .05rem .1rem 0 rgba(35,50,56,.3);
	box-shadow: 0 .05rem .1rem 0 rgba(35,50,56,.3);
	z-index: 700;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	cursor: pointer;
	-webkit-transition: all 1s cubic-bezier(.86,0,.07,1);
	transition: all 1s cubic-bezier(.86,0,.07,1)
}

.livechat-girl:focus {
	outline: 0
}

.livechat-girl.animated {
	opacity: 1;
	transform: translateY(-.4rem);
	-webkit-transform: translateY(-.4rem);
	-ms-transform: translateY(-.4rem)
}

.livechat-girl:after {
	content: '';
	width: .12rem;
	height: .12rem;
	border-radius: 50%;
	background-image: linear-gradient(to bottom,#26c7fc,#26c7fc);
	position: absolute;
	right: .01rem;
	top: .01rem;
	z-index: 50
}

.livechat-girl .girl {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 50
}

.livechat-girl .animated-circles .circle {
	background: rgba(38,199,252,.25);
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	position: absolute;
	z-index: 49;
	transform: scale(1);
	-webkit-transform: scale(1)
}

.livechat-girl .animated-circles.animated .c-1 {
	animation: 2s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards
}

.livechat-girl .animated-circles.animated .c-2 {
	animation: 2.5s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards
}

.livechat-girl .animated-circles.animated .c-3 {
	animation: 3s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards
}

.livechat-girl.animation-stopped .circle {
	opacity: 0!important
}

.livechat-girl .livechat-hint {
	position: absolute;
	right: .4rem;
	top: 50%;
	margin-top: -.2rem;
	opacity: 0;
	z-index: 0;
	-webkit-transition: all .3s cubic-bezier(.86,0,.07,1);
	transition: all .3s cubic-bezier(.86,0,.07,1)
}

.livechat-girl .livechat-hint.show_hint {
	-webkit-transform: translateX(-.4rem);
	transform: translateX(-.4rem);
	opacity: 1
}

.livechat-girl .livechat-hint.hide_hint {
	opacity: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.livechat-girl .livechat-hint.rd-notice-tooltip {
	max-width: 12.96rem!important
}

.livechat-girl .livechat-hint.rd-notice-tooltip .rd-notice-content {
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis
}

@media only screen and (max-width:11.24rem) {
	.livechat-girl .livechat-hint.rd-notice-tooltip {
		max-width: 6rem!important
	}

	.livechat-girl {
		right: .2rem;
		bottom: .5rem
	}
}

.rd-notice-tooltip {
	-webkit-box-shadow: 0 .02rem .02rem rgba(0,0,0,.2);
	box-shadow: 0 .02rem .02rem rgba(0,0,0,.2);
	font-size: .14rem;
	border-radius: .03rem;
	line-height: 1.25;
	position: absolute;
	z-index: 65;
	max-width: 3.5rem;
	opacity: 1
}

.rd-notice-tooltip:after {
	position: absolute;
	display: block;
	content: '';
	height: .2rem;
	width: .2rem;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-border-radius: .03rem;
	-moz-border-radius: .03rem;
	border-radius: .03rem;
	z-index: 50
}

.rd-notice-tooltip .rd-notice-content {
	background: 0;
	border-radius: .03rem;
	width: 100%;
	color: #fff;
	position: relative;
	z-index: 60;
	padding: .2rem;
	font-weight: 400;
	line-height: 1.45
}

.rd-notice-type-success,.rd-notice-type-success .rd-notice-content {
	background-color: #26c7fc
}

.rd-notice-type-success {
	-webkit-box-shadow: 0 .05rem .1rem 0 rgba(38,199,252,.2);
	box-shadow: 0 .05rem .1rem 0 rgba(38,199,252,.2)
}

.rd-notice-type-success .rd-notice-content a {
	color: #fff
}

.rd-notice-type-success:after {
	background-color: #26c7fc;
	-webkit-box-shadow: 0 .05rem .1rem 0 rgba(38,199,252,.2);
	box-shadow: 0 .05rem .1rem 0 rgba(38,199,252,.2)
}

.rd-notice-position-left {
	margin-left: -.2rem
}

.rd-notice-position-left:after {
	right: -.06rem;
	bottom: 15%;
	margin-top: -.1rem
}

.rd-notice-tooltip.single-line .rd-notice-content {
	height: .4rem;
	padding: 0 .2rem;
	line-height: .4rem;
	white-space: nowrap
}

.wap-contact,.wap-languagePop ul li,.wap-navPop ul li {
	line-height: .3rem;
	font-size: .12rem
}

.banner img {
	display: block;
	vertical-align: baseline
}

.banner .swiper-pagination {
	bottom: -.1rem
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #ccc!important
}

input ::-moz-placeholder,textarea ::-moz-placeholder {
	color: #ccc!important
}

input ::-ms-input-placeholder,textarea ::-ms-input-placeholder {
	color: #ccc!important
}

.header {
	display: flex;
	height: .5rem;
	padding: 0 .1rem;
	justify-content: space-between;
	align-items: center
}

.header .logo {
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	color: #fff
}

.header .logo .logo-img {
	width: .38rem;
	height: .38rem
}

.header .logo .logo-tit {
	width: 1.3rem;
	padding-left: .1rem
}

.header .right-block {
	display: flex
}

.header .top-lan {
	height: .22rem;
	width: .22rem;
	background: url(../images/m-top.png) top center no-repeat;
	background-size: .22rem auto
}

.header .top-nav {
	float: left;
	height: .22rem;
	width: .22rem;
	margin-left: .2rem;
	background: url(../images/m-top.png) bottom center no-repeat;
	background-size: .22rem auto
}

.wap-language {
	position: absolute;
	right: .1rem;
	bottom: 0rem;
	cursor: pointer
}

.wap-language em {
	background: url(../images/arrows.png) right no-repeat;
	padding-right: .15rem
}

.wap-languagePop {
	display: none;
	position: relative
}

.wap-languagePop ul,.wap-navPop ul {
	border-top: .01rem solid #efefef;
	position: absolute;
	background-color: #fff;
	z-index: 999;
	width: 100%
}

.wap-languagePop ul li {
	border-bottom: .01rem solid #efefef
}

.wap-navPop {
	display: none;
	position: relative
}

.wap-navPop ul li {
	border-bottom: .01rem solid #efefef
}

.wap-navPop ul li a {
	padding-left: .1rem;
	display: block
}

.wap-navPop ul li dl {
	margin-left: .2rem;
	display: none
}

.wap-navPop ul li dl em {
	border-bottom: .01rem solid #efefef;
	display: block
}

.wap-navPop ul li dl em a {
	background: url(../images/dot.jpg) 0 center no-repeat
}

.wap-navPop ul .arrows {
	background: url(../images/arrows-wap-01.png) 95% .1rem no-repeat;
	background-size: .1rem
}

.wap-navPop ul .arrows a {
	width: 80%
}

.wap-navPop ul a {
	color: #333
}

.wap-contact {
	background: #ccc;
	overflow: hidden;
	height: .3rem;
	color: #333
}

.footer-r .area,.footer-r .select,.footer-r .sub,.left,.main,.path,.right {
	height: auto
}

.wap-contact li {
	float: left;
	width: 50%
}

.wap-contact a {
	color: #428bca
}

.titleText h3 {
	font-size: .18rem;
	color: #666;
	margin-bottom: .1rem;
	margin-top: .1rem
}

.titleText p {
	font-size: .12rem;
	color: #666;
	line-height: 160%;
	margin-bottom: .1rem
}
.aboutList .pr-Video{text-align: center;
    margin: 10px auto;}

.path,.pro-top p {
	line-height: .15rem;
	margin: 10px;
}

.titleText a {
	color: #666
}

.solutionsName {
	display: none
}

.path {
	display: none;
	font-size: .08rem;
	color: #999;
	padding-top: .05rem;
	padding-bottom: .05rem
}

.path a {
	color: #333;
	font-size: .1rem
}

.footer {
	border-top: .1rem solid #000;
	background: #7f7f7f;
	padding-top: .1rem;
	padding-bottom: .1rem;
	overflow: hidden
}

.footer-r .area,.footer-r .select,.footer-r .sub {
	border: none;
	padding: .05rem
}

.footer h3 {
	color: #333
}

.footer-l .f-tel {
	background: url(../images/f-tel.jpg) no-repeat
}

.footer-l .f-email {
	background: url(../images/f-email.jpg) no-repeat
}

.footer-l .f-mobile {
	background: url(../images/f-mobile.jpg) no-repeat
}

.footer-l .f-add {
	background: url(../images/f-add.jpg) no-repeat
}

.footer-r {
	width: 90%;
	padding-left: 0rem;
	overflow: hidden;
	margin: 0 auto
}

.footer-r td {
	padding: .05rem
}

.footer-r .title {
	font-size: .08rem;
	width: 10%
}

.footer-r .input {
	width: 90%;
	background: #b5b6b6;
	border: none;
	font-size: .08rem;
	color: #333
}

.footer-r .area {
	width: 90%;
	background: #b5b6b6
}

.footer-r .sub {
	width: 90%;
	background: #F8C301
}

.footer-r .select {
	width: 90%;
	background: #b5b6b6;
	font-size: .1rem
}

.contact2,.main {
	background: #f7f7f7;
	clear: both
}

.main {
	overflow: hidden
}

.left {
	padding: 0 .1rem
}

.left h3 {
	font-size: .12rem;
	padding: .1rem 0;
	color: #333;
	clear: both
}

.inbanner .text {
	padding: .1rem
}

.banner-text {
	padding-top: 8%;
	display: none;
}
.inbanner{height:1.5em}
.products-banner {
	background: url(../images/products.jpg) -1.32rem 0 no-repeat;
	background-size: 165%;
	height: 1.58rem
}

.case-banner {
	background: url(../images/case.jpg) center center no-repeat;
	background-size: 200%
}

.news-banner {
	background: url(../images/news.jpg) center center no-repeat;
	background-size: 200%
}

.solution-banner {
	background: url(../images/solution.jpg) center center no-repeat;
	background-size: 200%
}

.about-banner {
	background: url(../images/about.jpg) center center no-repeat;
	background-size: 200%
}

.contact-banner {
	background: url(../images/contact.jpg) center center no-repeat;
	background-size: 200%
}

.service-banner {
	background: url(../images/service.jpg) center center no-repeat;
	background-size: 200%
}

.inbanner .text {
	background-color: rgba(0,20,100,.4);
	width: 90%;
	margin: 0 auto;
	color: #fff
}

.inbanner .text h1 {
	font-size: .15rem;
	margin-bottom: .1rem
}

.inbanner .text p,.inbanner .text strong {
	color: #fff;
	font-size: .1rem;
	line-height: .12rem
}

.productBox1 {
	position: relative;
	zoom: 1
}

.productBox1 .piclist {
	zoom: 1;
	height: auto
}

.productBox1 .piclist li {
	height: auto;
	cursor: pointer;
	position: relative
}

.productBox1 .piclist h3 {
	height: .3rem;
	line-height: .3rem;
	background: #3e424b;
	font-size: .1rem;
	padding: .1rem 0;
	color: #fff
}

.productBox1 .piclist h4 img,.right-nav {
	height: auto
}

.productBox1 .piclist h3 a {
	color: #fff
}

.productBox1 .piclist h3:hover {
	background: #f8c301;
	color: #fff
}

.productBox1 .piclist h4 {
	margin: 0;
	padding: 0
}

.productBox1 .piclist h5 {
	color: #595757;
	line-height: .12rem;
	font-size: .1rem;
	display: none
}

.productBox1 .ohbox {
	overflow: hidden;
	position: relative
}

.right-nav {
	border: .01rem solid #ccc;
	overflow: hidden;
	padding: 0 .1rem
}

.right a {
	color: #333
}

.right-nav h2 {
	font-size: .12rem;
	padding: .1rem 0;
	color: #666
}

.right-nav h3 {
	height: .2rem;
	line-height: .2rem;
	cursor: pointer;
	margin-bottom: .1rem;
	position: relative;
	font-size: .1rem;
	font-weight: 700
}

.right-nav h3 a {
	color: #333
}

.right-nav ul {
	padding: 0 .1rem
}

.right-nav li {
	line-height: .12rem;
	padding: .03rem 0
}

.right-nav dd {
	padding: .05rem;
	line-height: .1rem;
	font-size: .1rem
}

.right-nav dd a {
	font-size: .1rem;
	color: #333
}

.right-case h2,.right-news h2 {
	font-size: .15rem;
	text-transform: uppercase;
	color: #666
}

.right-special {
	margin: .1rem 0
}

.pro h3,.right-special img,.table table {
	margin-bottom: .1rem
}

.right-case,.right-news {
	border: .01rem solid #ccc;
	overflow: hidden;
	margin-top: .1rem;
	height: auto;
	display: none
}

.right-news {
	padding: .1rem
}

.right-news h2 {
	padding: .1rem 0
}

.right-news ul {
	padding: 0 .1rem
}

.right-news li {
	padding: .02rem 0
}

.right-case {
	padding: .1rem
}

.pro .table,.table table {
	overflow-x: scroll
}

.right-case h2 {
	padding: .1rem 0
}

.right-case li {
	padding: .03rem 0;
	font-size: .12rem;
	font-weight: 700
}

.pro-top,.right-case dl {
	padding-top: .1rem
}

.pro-top a {
	color: #333
}

.pro-top p {
	font-size: .08rem
}

.table table {
	height: auto;
	text-transform: capitalize;
	border-collapse: collapse;
	border: .01rem solid #27325F;
	width: 100%;
}

.table table td {
	font-size: .08rem;
	padding: .05rem;
	line-height: .13rem;
	border: .01rem solid #27325F;
	border-collapse: collapse
}
 
.interl,.table table tr:first-child td {
	border: .01rem solid #ccc
}



.table table tr:nth-child(odd) {
	background-color: #ccc;
	border: .01rem solid #145a26
}
.table table tr:first-child {
	background-color: #27325F;
	color: #fff
}
.fuju dt {
	height: .2rem;
	line-height: .2rem;
	background: #ccc;
	padding: 0;
	font-weight: 400;
	font-size: .08rem;
	margin-top: 0
}

.fuju .fujumore {
	background: #f8c300;
	padding-top: 0
}

.fuju .fujumore a {
	line-height: .25rem;
	font-size: .13rem;
	text-transform: none
}

.white a:hover {
	color: #041E41;
	opacity: 1;
	text-decoration: none
}

.contact1r,.feed,.feedl,.feedr,.feedr h4,.interl,.p-btitile h4 {
	overflow: hidden
}

.pro a {
	color: #333
}

.pro h3 {
font-weight: bold;
}

.pro p {
	line-height: .2rem
}
.infom p,.infom li{line-height:25px;font-size:14px;}
.interl h4,.interl p {
	line-height: .1rem
}

.photo1 {
	margin: .1rem 0
}

.photo1 img {
	height: auto
}

.solutionsName1 {
	display: none
}

.photo2 {
	/*display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%*/
}
.photo2 p{
    /*display: flex;
	justify-content: space-between;
	flex-wrap: wrap;*/
    margin-top: 10px;
}
.photo2 img {
	width: 48%!important;
	height: 1.2rem!important;
	margin: 0 1%;
	margin-bottom: .1rem!important
}

#photo {
	width: 28%!important
}

.process img {
	margin-right: .1rem!important;
	margin-bottom: .1rem!important
}

.pro-pro {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.interest,.product .pagetitle {
	display: none
}

.pro-pro dl {
	width: 1.75rem
}

.pro-pro dl img {
	height: 1.15rem
}

.pro-pro dt {
	font-size: .1rem;
	padding: .1rem 0;
	min-height: .3rem
}

.feedl {
	width: 20%;
	height: auto;
	float: left
}

.feedr {
	width: 70%;
	height: auto;
	float: right
}

.feedr h4 {
	height: auto;
	padding-bottom: .1rem
}

.feedr h3 {
	font-size: .15rem;
	text-transform: capitalize;
	padding: 0;
	margin: 0;
	padding-bottom: .1rem
}

.contact1l dt,.contact2 .wrap .contact2l h3,.contact2l dt,.interest h3,.interl h4,.service1 .service1l h3,.service2 dt,.service2 h3,.service3 .service3r h3 {
	text-transform: uppercase
}

.interest h3,.interl,.interl img {
	margin-bottom: .1rem
}

.feedr h5 {
	background: url(../images/feed.jpg) 0 center no-repeat;
	text-indent: .1rem;
	clear: both;
	padding-left: .2rem
}

.interest {
	height: auto;
	padding: .1rem;
	clear: both
}

.interest h3 {
	font-size: .15rem;
	padding: .1rem 0;
	clear: both
}

.interl dl,.interl p {
	padding: .1rem
}

.interl h4,.interl h5 {
	padding-left: .1rem
}

.contact1,.interl h4 {
	padding-top: .1rem
}

.interl {
	float: left;
	margin-right: .1rem;
	height: auto
}

.interl h4 {
	font-size: .13rem;
	font-weight: 700
}

.contacts {
	clear: both
}

.contact1 p {
	line-height: .15rem;
	padding-bottom: .1rem;
	font-size: .1rem
}

.contact1l img,.contact2l img {
	width: 100%
}

.contact1l dt,.contact2l dt {
	font-size: .15rem;
	padding: .1rem 0;
	margin-bottom: 0rem;
	height: auto
}

.contact1l dd,.contact2l dd {
	line-height: .2rem;
	padding: .02rem 0;
	font-size: .1rem
}

.contact1l .tel::before,.contact2l .tel::before {
	content: "";
	background: url(../images/ul.png) .02rem 0rem no-repeat;
	padding: .05rem .13rem;
	background-size: .2rem auto
}

.contact1l .fax::before,.contact2l .fax::before {
	content: "";
	background: url(../images/ul.png) .02rem -.24rem no-repeat;
	padding: .05rem .13rem;
	background-size: .2rem auto
}

.contact1l .email::before,.contact2l .email::before {
	content: "";
	background: url(../images/ul.png) .02rem -.46rem no-repeat;
	padding: .05rem .13rem;
	background-size: .2rem auto
}

.contact1l .wechat::before,.contact2l .wechat::before {
	content: "";
	background: url(../images/ul.png) .02rem -.69rem no-repeat;
	padding: .05rem .13rem;
	background-size: .2rem auto
}

.contact1l .skype::before,.contact2l .skype::before {
	content: "";
	background: url(../images/ul.png) .02rem -.9rem no-repeat;
	padding: .05rem .13rem;
	background-size: .2rem auto
}

.contact1l .add::before,.contact2l .add::before {
	content: "";
	background: url(../images/ul.png) .02rem -1.14rem no-repeat;
	padding: .05rem .13rem;
	background-size: .2rem auto
}

.contact2 {
	margin-top: .1rem;
	padding: 0 .2rem
}

.contact2 .wrap {
	width: 100%;
	padding: .1rem 0
}

.contact2 .wrap .contact2l h3 {
	font-size: .15rem;
	padding-bottom: .05rem;
	clear: both
}

.contact2 .wrap .contact2l dl {
	border: .03rem solid #e4e1d6;
	border-radius: .1rem;
	padding: .11rem;
	margin-bottom: .1rem
}

.service1 .service1l h4,.service2 .yuan {
	-webkit-border-radius: .5rem;
	height: 1rem
}

.contact2 .wrap .contact2l dl dt {
	font-size: .13rem;
	font-weight: 500;
	padding: .05rem 0;
	color: #051f42
}

.contact1r {
	float: left;
	padding-top: .1rem
}

.contact1r img {
	margin-bottom: .1rem;
	width: 45%;
	float: left;
	margin-right: .1rem
}

.service1 {
	padding: .1rem 0;
	line-height: .2rem;
	font-size: .1rem
}

.service1 .service1l {
	margin-right: .1rem
}

.service1 .service1l h3 {
	margin: .1rem 0;
	font-size: .1rem;
	color: #041E41;
	font-weight: 700
}

.service1 .service1l h4 {
	width: 1rem;
	background: #F8C301;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	margin: 0 auto
}

.service1 .service1l h4 em {
	font-size: .5rem;
	line-height: 1rem;
	color: #fff
}

.service2 {
	line-height: .22rem;
	font-size: .1rem
}

.service2 h3 {
	font-size: .15rem;
	padding-bottom: .1rem;
	color: #595758;
	width: 80%;
	margin: auto;
	clear: both
}

.service2 dl {
	float: left;
	padding: 2.5%
}

.service2 .yuan img,.service2 .yuan1 img {
	padding-top: .15rem
}

.service2 dt {
	font-size: .13rem;
	margin-bottom: .1rem
}

.service2 dd {
	margin-top: .2rem
}

.service2 .yuan {
	width: 1rem;
	background: #041E41;
	-moz-border-radius: .5rem;
	border-radius: .5rem;
	margin: 0 auto
}

.service2 .yuan1 {
	width: 1rem;
	height: 1rem;
	background: #F8C301;
	-moz-border-radius: .5rem;
	-webkit-border-radius: .5rem;
	border-radius: .5rem;
	margin: 0 auto
}

.service3 {
	background: #f7f7f7;
	padding: .1rem 0;
	margin: .1rem 0;
	min-height: 5.8rem;
	font-size: .1rem
}

.service3 .service3l {
	float: left
}

.service3 .service3r {
	float: right
}

.service3 .service3r h3 {
	margin: .1rem 0;
	font-size: .13rem;
	color: #041E41
}

.p-b,.p-bottom,.p-footer {
	margin: 0 auto;
	height: auto
}

.service3 .service3r p {
	padding: .1rem 0;
	line-height: .15rem
}

.p-b {
	background: #434343
}

.p-btitile h4 {
	font-size: .13rem;
	color: #fff;
	background: #041e41;
	line-height: .25rem
}

.p-bottom {
	padding: 0;
	clear: both;
	border-left: .05rem solid #fff;
	border-right: .05rem solid #fff
}

.product .about2l,.product .about3 .about3l,.product .about3 .about3r {
	margin-top: .1rem;
	float: left;
	overflow: hidden
}

.product .about {
	font-size: .12rem;
	line-height: .18rem;
	padding: 0 0 .1rem
}

.product .about h3,.product .about5 h3 {
	font-size: .16rem;
	text-transform: uppercase
}

.product .about h3 {
	padding: .1rem 0
}

.product .about2 {
	clear: both
}

.product .about2l p {
	padding: .1rem 0;
	color: #666
}

.product .about3 .about3l p {
	padding-bottom: 0;
	color: #666
}

.product .about3 .about3r p {
	padding-bottom: .1rem;
	color: #666
}

.product .about3 .about3r img {
	width: 50%;
	float: left
}

.product .about4 {
	overflow: hidden;
	clear: both
}

.product .about4 p {
	padding-bottom: .1rem;
	color: #666;
 
}

.product .about4 p img {
	display: inline-block;
	width: 45%;
	margin-right: .04rem;
	margin-bottom: .04rem;
}

.product .cop {
	background: #f7f7f7;
	height: auto;
	padding: .1rem 0
}

.product .about5 {
	overflow: hidden;
	clear: both
}

.product .about5 h3 {
	padding: .1rem 0
}

.product .about5 img {
	width: 100%
}

.p-footer-l {
	height: auto;
	background: #434343
}

.p-footer-l dl {
	padding: .15rem .1rem .2rem
}

.p-footer-l dd {
	color: #fff;
	padding-left: .25rem;
	height: .3rem;
	font-size: .1rem;
	line-height: .2rem
}

.p-footer-l dd a {
	color: #fff
}

.p-footer-l .tel {
	background: url(../images/tel.jpg) 0 -.02rem no-repeat;
	background-size: .22rem
}

.p-footer-l .fax {
	background: url(../images/fax.jpg) 0 -.02rem no-repeat;
	background-size: .22rem
}

.p-footer-l .email {
	background: url(../images/email.jpg) 0 -.02rem no-repeat;
	background-size: .22rem
}

.p-footer-l .mobile {
	background: url(../images/mobile.jpg) 0 -.01rem no-repeat;
	background-size: .22rem
}

.p-footer-l .skype {
	background: url(../images/skype.jpg) 0 -.02rem no-repeat;
	background-size: .22rem
}

.p-footer-l .add {
	background: url(../images/add.jpg) 0 -.02rem no-repeat;
	background-size: .22rem
}

.foteny_ly {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	background: #f7f7f7
}

.foteny_ly h3 {
	font-size: .13rem;
	color: #fff;
	background: #041e41;
	line-height: 2em;
	overflow: hidden;
	margin: 0
}

.foteny_ly dl {
	width: 100%;
	padding: .2rem;
	box-sizing: border-box;
	border-left: .05rem solid #fff;
	border-right: .05rem solid #fff
}

.foteny_ly dl dd {
	width: 100%;
	overflow: hidden;
	margin-bottom: .1rem;
	padding-left: 0
}

.foteny_ly dl dd input,.foteny_ly dl dd select {
	height: .3rem;
	border-radius: .04rem;
	background-color: rgba(255,255,255,.7);
	padding-left: .3rem;
	line-height: .3rem;
	width: 96%;
	float: left
}

.foteny_ly dl dd input {
	color: #333;
	box-sizing: border-box;
	background-size: .19rem .17rem;
	border: .01rem solid #ccc;
	font-size: .08rem
}

.foteny_ly dl dd select {
	color: #000;
	box-sizing: border-box;
	background-size: .19rem .17rem;
	border: .01rem solid #ccc;
	font-size: .08rem
}

.foteny_ly dl dt {
	width: 100%;
	overflow: hidden
}

.foteny_ly dl dt textarea {
	float: left;
	width: 96%;
	margin-bottom: .1rem;
	height: .8rem;
	background-color: #fff;
	box-sizing: border-box;
	color: #666;
	line-height: 2em;
	font-family: Hind,Arial,Helvetica,sans-serif;
	padding: 0 .1rem 0 .3rem;
	border: .01rem solid #ccc;
	background-size: .19rem .17rem;
	border-radius: .04rem;
	font-size: .08rem
}

.foteny_ly dl span {
	font-size: .25rem;
	color: #e41f1f;
	display: block
}

.user {
	background: url(../images/ly1.png) .08rem center no-repeat
}

.cp {
	background: url(../images/ly2.png) .08rem center no-repeat
}

.yxtb {
	background: url(../images/ly3.png) .08rem center no-repeat
}

.tel2 {
	background: url(../images/ly4.png) .08rem center no-repeat
}

.lytb {
	background: url(../images/ly5.png) .08rem .05rem no-repeat
}

.button1 {
	width: 100%;
	margin: .1rem auto;
	cursor: pointer
}

.button1 input {
	display: block;
	margin: 0 auto;
	font-size: .1rem;
	padding: 0 .3rem;
	line-height: 2.5em;
	text-transform: uppercase;
	background: -webkit-gradient(linear,0 2%,98% 10%,from(#ffcb01),to(#ffde5c));
	font-weight: 500;
	border-radius: .2rem;
	border: .02rem solid #f1c000;
	color: #000
}

.copyright {
	color: #ccc;
	background: #434343
}

.copyright .wrap {
	margin: 0;
	width: 100%
}

.copyright .copy-l {
	padding: 0 .1rem;
	font-size: .08rem
}

.copyright .copy-l ul {
	padding: .1rem 0 .06rem
}

.copyright .copy-l ul li {
	display: inline-block;
	margin-right: .1rem;
	line-height: .12rem;
	margin-bottom: .08rem
}

.copyright .copy-l ul li a {
	color: #ccc;
	font-size: .08rem
}

.copyright .copy-l p {
	line-height: .12rem
}

.copyright .copy-r {
	color: #bcbcbc;
	line-height: .2rem;
	font-weight: 700;
	text-transform: uppercase;
	font-size: .12rem;
	background: #353535;
	padding: .1rem;
	margin-bottom: .4rem
}

.copyright .copy-r a {
	margin-left: .1rem
}

.p_footer {
	position: fixed;
	text-transform: uppercase;
	width: 100%;
	bottom: 0;
	z-index: 99999
}

.p_footer ul {
	width: 100%;
	list-style: none;
	height: .4rem;
	line-height: .4rem
}

.p_footer ul li {
	width: 50%;
	box-sizing: border-box;
	display: block;
	float: left;
	font-size: .14rem
}

.p_footer ul li img {
	width: .24rem;
	height: .24rem;
	margin-right: .05rem;
	vertical-align: middle
}

.p_footer ul li a {
	color: #fff;
	display: block
}

.p_footer ul li:nth-child(1) {
	background: -webkit-linear-gradient(left,#ffcb01,#ff9502 30%,#ff9502);
	background: -o-linear-gradient(right,#ffcb01,#ff9502 30%,#ff9502);
	background: linear-gradient(to right,#ffcb01,#ff9502 30%,#ff9502);
	background: -moz-linear-gradient(right,#ffcb01,#ff9502 30%,#ff9502)
}

.p_footer ul li:nth-child(2) {
	display: block;
	background: -o-linear-gradient(right,#f70,#ff4a00 30%,#ff4a00);
	background: -moz-linear-gradient(right,#f70,#ff4a00 30%,#ff4a00);
	background: linear-gradient(to right,#f70,#f34a00 30%,#ff4a00)
}

.bottom {
	height: .25rem;
	line-height: .25rem;
	background: #ccc;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1
}

.bottom li {
	width: 25%;
	float: left;
	font-size: .11rem
}

.bottom a {
	color: #000
}

.pro-inquiry {
	height: auto;
	margin: .05rem 0;
	display: flex;
	justify-content: space-evenly
}

.case-contact,.news-content .newsTop .tui-l,.pro-contact {
	margin-top: .1rem
}

.pro-inquiry a {
	display: block;
	color: #333
}

.pro-inquiry a img {
	width: 1.6rem
}

.case-contact ul,.pro-contact ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around
}

.case-contact ul li,.pro-contact ul li {
	font-size: .13rem;
	display: flex;
	align-items: center
}

.case-contact .skype::before,.pro-contact .skype::before {
	content: "";
	width: .25rem;
	height: .25rem;
	background: url(../images/pro-1.jpg) center 0rem no-repeat;
	background-size: .2rem .2rem
}

.case-contact .tel::before,.pro-contact .tel::before {
	content: "";
	width: .25rem;
	height: .25rem;
	background: url(../images/pro-2.jpg) 0 center no-repeat;
	background-size: .2rem .2rem
}

.case-contact .email::before,.pro-contact .email::before {
	content: "";
	width: .25rem;
	height: .25rem;
	background: url(../images/pro-3.jpg) 0 center no-repeat;
	background-size: .2rem .2rem
}

.case-contact .whatsapp::before,.pro-contact .whatsapp::before {
	content: "";
	width: .25rem;
	height: .25rem;
	background: url(../images/pro-4.jpg) 0 center no-repeat;
	background-size: .2rem .2rem
}

.pro-content {
	font-size: .1rem;
	color: #666
}
.infom p img{width:100%;height:auto;}

.pro-content .pro-solution img {
	width: 100%
}

.pro-content iframe {
	width: 100%;
	height: auto
}

.main {
	padding-bottom: .1rem
}

.main .pagetitle,.main .right {
	display: none
}

.pro-solution ul {
 
}

.pro-solution ul li {
	width: 48%;
    float: left;
    margin: 0 1%;
}

.pro-solution ul li span {
	width: 100%
}

.pro-solution ul li span a {
	display: block;
	 
}

.pro-solution ul li span a img {
	width: 100%!important;
	height: 100%
}

.pro-solution ul li h5 {
    margin: .1rem 0;
    font-size: .12rem;
    height: 0.45rem;
    overflow: hidden;
}

.news {
	padding: 0 .1rem .1rem
}

.news .wrap {
	display: none
}

.news .newsmain {
	padding-top: .1rem
}

.news .newsmain h2 {
	text-transform: uppercase;
	font-size: .18rem;
	padding-bottom: .1rem
}

.news .newsmain h2 a {
	display: inline-block;
	width: 2.5rem;
	height: .35rem;
	background: #e2e2e2;
	border-radius: .3rem;
	line-height: .35rem
}

.news .newsmain .newsmainl img {
	height: auto
}

.news .newsmain .newsmainr {
	background-color: #f7f7f7;
	padding: 0 .1rem
}

.news .newsmain .newsmainr dl {
	padding: .1rem 0
}

.news .newsmain .newsmainr dl dt {
	font-size: .13rem;
	font-weight: 700
}

.news .newsmain .newsmainr dl dd {
	display: none
}

.news .newsmain .newsmainr dl:nth-child(2) {
	border-top: .01rem solid #929292;
	border-bottom: .01rem solid #929292
}

.news-content .newsTop {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.news-content .newsTop .tui-l a {
	display: block;
	width: 1.6rem
}

.news-content .newsTop .tui-l img {
	box-sizing: border-box;
	border: .01rem solid #ccc;
	padding: .02rem;
	height: auto;
	width: 100%
}

.news-content .newsTop .tui-r {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	width: 1.8rem
}

.news-content .newsTop .tui-r h3 {
	font-size: .14rem;
	font-weight: 600;
	line-height: 1.3;
	padding: 0;
	text-align: left;
	max-height: .9rem;
	overflow: hidden
}

.news-content h1,.pro-banner h1 {
	font-weight: 700;
	text-align: center
}

.news-content .newsTop .tui-r p {
	display: none
}

.news-content .newsTop .tui-r span {
	width: auto;
	font-size: .13rem;
	color: #666
}

.news-content .newslist {
	height: auto;
	margin: .1rem 0
}

.news-content .newslist li {
	margin-bottom: .1rem;
	border-bottom: dashed .01rem #ccc;
	padding-bottom: .1rem
}

.news-content .newslist li h3 {
	font-size: .12rem;
	font-weight: 700
}

.news-content .newslist li h3 a {
	color: #124d9c
}

.news-content .newslist li p {
	font-size: .1rem;
	color: #333
}

.news-content .newslist .time {
	font-size: .1rem;
	color: #333;
	padding-bottom: .1rem;
	display: none
}

.newsmainr dd.newsmore {
	padding-bottom: .1rem
}

.newsmainr dd.newsmore a {
	font-size: .1rem;
	color: #333;
	padding-bottom: .03rem
}

.news-content h1 {
	font-size: .2rem;
	padding: .2rem 0;
	color: #333
}

.news-content .time {
	font-size: .16rem;
	color: #333;
	padding-bottom: .03rem
}

.news-content .newsc p,.pro-banner {
	padding: .1rem 0
}

.news-content .newsc {
	overflow: hidden;
	line-height: .15rem;
	color: #333;
	font-size: .13rem;
	margin: .1rem 0
}

.news-content .next {
	font-size: .15rem;
	margin-top: .1rem
}

.news-content .next strong {
	color: #041E41
}

.news-content .newsc img {
	height: auto
}

.news-content .newimg img {
	margin-bottom: .1rem;
	height: auto
}

.product {
	background-size: cover;
	padding: 0 .1rem .1rem;
	font-size: .12rem;
	margin-bottom: .1rem
}

.product a {
	text-decoration: none
}

.product .titleText {
	position: relative;
	overflow: hidden;
	height: 6.5rem
}

.product .titleText .pictitle1 {
	position: relative;
	top: -.1rem
}

.product .titleText .pictitle1 li {
	width: auto;
	height: auto;
	cursor: pointer
}

.product .titleText .pictitle1 li a {
	display: block;
	position: relative;
	text-decoration: none;
	font-size: .15rem;
	padding: .2rem .1rem .1rem;
	color: #041e42;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.product .titleText .pictitle1 li a:after {
	position: absolute;
	content: "";
	height: 0;
	background: #0d2a50;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition: all .5s cubic-bezier(.175,.885,.32,1.275);
	-moz-transition: all .5s cubic-bezier(.175,.885,.32,1.275);
	-ms-transition: all .5s cubic-bezier(.175,.885,.32,1.275);
	-o-transition: all .5s cubic-bezier(.175,.885,.32,1.275);
	transition: all .5s cubic-bezier(.175,.885,.32,1.275);
	-webkit-border-radius: .07rem;
	-moz-border-radius: .07rem;
	-ms-border-radius: .07rem;
	border-radius: .07rem
}

.product .titleText .pictitle1 li a:active,.product .titleText .pictitle1 li a:focus,.product .titleText .pictitle1 li a:hover {
	color: #fff;
	outline: 0
}

.product .titleText .pictitle1 li a:hover:after {
	height: 100%
}

.product .titleText .pictitle1 .active a {
	color: #fff;
	outline: 0
}

.product .titleText .pictitle1 .active a:after {
	height: 100%
}

.product .titleText .productBox1 {
	position: absolute;
	opacity: 0;
	visibility: hidden
}

.product .titleText .productBox1 .piclist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: .05rem
}

.product .titleText .productBox1 .piclist li {
	position: relative;
	box-sizing: border-box;
	border: .01rem solid;
	transition: all .5s;
	width: 1.75rem;
	padding: .02rem;
	border-radius: .08rem;
	margin-bottom: .08rem
}

.product .titleText .productBox1 .piclist li h3 {
	border-radius: 0 0 .05rem .05rem;
	box-sizing: border-box;
	width: 100%;
	min-height: .44rem;
	background: #022048;
	font-size: .12rem;
	line-height: 1.5;
	text-align: center;
	margin: 0;
	display: flex;
    justify-content: center;
    align-items: center;
}

.product .titleText .productBox1 .piclist li h4 {
	overflow: hidden;
	border-radius: .05rem .05rem 0 0
}

.product .titleText .productBox1 .piclist li h5 {
	position: absolute;
	color: #595757;
	line-height: .18rem;
	font-size: .12rem;
	opacity: 0
}

.product .titleText .productBox1 .piclist li img {
	width: 100%;
	height: auto
}

.product .titleText .productBox1 .piclist li a {
	color: #fff
}

.product .titleText .productBox1 .piclist li:hover {
	box-shadow: .01rem .04rem .07rem .01rem #99999a;
	border: .01rem solid
}

.product .titleText .active {
	opacity: 1;
	visibility: visible
}

.pro-banner {
	color: #666;
	font-size: .1rem;
	line-height: .13rem;
	padding-bottom: 0
}

.pro-banner h1 {
	font-size: .15rem;
	line-height: 1.3;
	text-transform: uppercase
}

.pro-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	font-size: .12rem;
	padding: .15rem 0;
	border-bottom: .01rem dashed #697fb0
}

.pro-list li h5 {
	width: 1.65rem
}

.pro-list li h5 img {
	box-sizing: border-box;
	border: .01rem solid #ccc;
	padding: .02rem;
	height: auto;
	width: 100%
}

.pro-list li span {
	width: 1.8rem;
	height: 1.05rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.p-list ul,.p-list ul li h5,.pro-list li span p {
	justify-content: space-between
}

.pro-list li span h3 {
	text-align: left;
	font-size: .12rem;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	font-weight: 600
}

.p-list ul,.p-list ul li .h5-r,.p-list ul li h5,.p-news ul,.p-news ul li h5 {
	margin-top: .1rem
}

.pro-list li span .guojia {
	font-size: .12rem;
	color: #666
}

.pro-list li span .m-none {
	display: none
}

.pro-list li span .projj {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden
}

.pro-list li span p {
	display: flex;
	text-align: center
}

.pro-list li span p a {
	background: #041E41;
	font-size: .1rem;
	padding: .05rem .02rem;
	color: #fff;
	text-decoration: none
}

.pro-list li span p a:first-child {
	margin-right: .02rem
}

.pro-list li .case-pc {
	padding-top: .1rem;
	line-height: 1.3
}

.pro-list li:last-child {
	border-bottom: none
}

.page {
	display: flex;
	overflow-x: scroll;
	height: .5rem;
	font-size: .15rem
}

.page .thisclass,.page a {
	line-height: .3rem;
	margin-left: .06rem;
	height: .3rem
}

.page .disabled {
	display: none
}

.page .thisclass {
	display: inline-block;
	padding: 0 .12rem;
	color: #fff;
	background-color: #041e41
}

.page a {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 .1rem;
	border: .01rem solid #ccc;
	background: #f8c301
}

.p-list h1,.p-news h2 {
	line-height: .5rem;
	font-weight: 700;
	text-align: center
}

.page input {
	display: none
}

.p-list {
	padding: 0 .1rem;
	font-size: .1rem
}

.p-list h1 {
	background: url(../images/news_h3_bg.png) center center no-repeat;
	font-size: .15rem;
	text-transform: uppercase
}

.p-list .text {
	font-size: .1rem;
	line-height: 1.5
}

.p-list ul {
	display: flex;
	flex-wrap: wrap;
	font-size: .1rem;
	line-height: 1.3
}

.p-list ul li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 1.75rem;
	margin-bottom: .15rem;
	border-bottom: solid .01rem #ccc;
	padding-bottom: .2rem
}

.p-list ul li h2 {
	font-size: .14rem;
	font-variant: inherit;
	font-weight: 700;
	padding: .1rem .05rem;
	text-align: center
}

.p-list ul li h4 span {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	margin-bottom: .05rem
}

.p-list ul li h4 span::before {
	content: "";
	display: block;
	width: .4rem;
	min-width: .4rem;
	height: .3rem
}

.p-list ul li h4 .h4-img1::before {
	background: url(../images/h4_s1.jpg) .035rem -.06rem no-repeat;
	background-size: .37rem .42rem;
	left: .05rem
}

.p-list ul li h4 .h4-img2::before {
	background: url(../images/h4_s2.jpg) center -.045rem no-repeat;
	background-size: .37rem .42rem;
	left: .035rem
}

.p-list ul li h5 {
	display: flex;
	flex-wrap: wrap
}

.p-list ul li .h5-r {
	background: #f8c301;
	padding: .05rem .15rem
}

.p-list ul li .h5-r a {
	color: #fff
}

.p-list img {
	width: 100%;
	height: auto
}

.p-list .box {
	box-sizing: border-box;
	border: .02rem solid #fff;
	box-shadow: .01rem .01rem .02rem #e6e6e6
}

.p-news {
	padding: 0 .1rem;
	font-size: .1rem
}

.p-news h2 {
	background: url(../images/news_h3_bg.png) center center no-repeat;
	font-size: .15rem;
	text-transform: uppercase
}

.p-news ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: .1rem;
	line-height: 1.3
}

.p-news ul li {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 1.73rem;
	margin-bottom: .15rem;
	border-bottom: solid .01rem #ccc;
	padding-bottom: .2rem
}

.p-news ul li h2 {
	font-size: .14rem;
	font-variant: inherit;
	font-weight: 700;
	padding: .1rem .05rem;
	text-align: center
}

.indexnews,.solutions {
	padding: 0 .1rem;
	box-sizing: border-box
}

.p-news ul li h3 {
	text-transform: uppercase;
	font-size: .1rem;
	font-weight: 700
}

.p-news ul li h3 a {
	color: #041e41
}

.solutions {
	width: 100%
}

.solutions ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%
}

.case .wrap,.img300 {
	justify-content: space-between
}

.solutions ul li {
	width: 1.75rem;
	box-sizing: border-box;
	border: .01rem solid;
	margin-bottom: .1rem
}

.solutions ul li .solutionsName {
	display: none
}

.solutions ul li img {
	display: block;
	width: 100%;
	height: auto
}

.solutions ul li h3 {
	font-size: .12rem;
	line-height: 1.5
}

.indexnews {
	width: 100%;
	font-size: .1rem;
	line-height: 1.5
}

.indexnews .newImg a {
	display: block;
	overflow: hidden
}

.indexnews .newImg img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: .05rem
}

.indexnews .newsNav {
	margin: .1rem 0
}

.indexnews .newsNav a {
	font-size: .16rem;
	font-weight: 600
}

.indexnews .newList ul li {
	padding: .05rem 0;
	border-bottom: .01rem dashed #051f44
}

.case {
	box-sizing: border-box;
	width: 100%;
	padding: 0 .1rem;
	font-size: .1rem;
	line-height: 1.5;
	margin-bottom: .2rem
}

.case .wrap {
	display: flex;
	flex-wrap: wrap
}

.case dl {
	display: flex;
	flex-direction: column-reverse;
	width: 1.75rem;
	box-sizing: border-box;
	background: #f7f7f7;
	margin-bottom: .1rem
}

.pr-Video,.skid a,a.pr-more {
	display: block
}

.case dl dt {
	border: .01rem solid #ccc;
	margin: .08rem .12rem;
	font-size: .14rem;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center
}

.contact3 {
	padding-top: .15rem
}

.contact3 .offices-map {
	padding: .2rem .1rem
}

.contact3 .offices-map img {
	height: auto
}

a.pr-more {
	color: #fff;
	margin: 0 auto;
	font-size: .14rem;
	line-height: .35rem;
	background: #032149;
	text-transform: uppercase;
	border-radius: .05rem
}

.pr-Video {
	position: relative;
	cursor: pointer;
	width: 3.55rem;
	height: 2.15rem
}

.pr-Video .video {
	position: relative;
	width: 100%;
    height:100%;
}

.pr-Video .video-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.pr-Video .video-img .img-bg {
	width: 100%;
	height: 100%;
	z-index: 30
}

.pr-Video .video-img .img-play {
	position: absolute;
	top: 35%;
	left: 43%;
	z-index: 40;
	width: .5rem;
	height: .5rem
}

.pr-Video .video-img::after {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
	top: 0;
	z-index: 35
}

.pr-banner {
	background: url(../images/bg-banner.jpg) -13.5rem -1.1rem no-repeat;
	font-size: .15rem;
	height: auto
}

.pr-banner .products-img .target {
	padding-bottom: .35rem
}

.products-text {
	text-align: center;
	color: #fff;
	font-size: .12rem;
	padding-bottom: .1rem
}

.mainContent h2,.products-text .h1,.s_jieshao h2 {
	line-height: 1.5;
	font-size: .16rem;
	text-align: center;
	font-weight: 700;
	color: #002b45
}

.products-text .h1 {
	padding: .15rem .6rem
}

.products-text .h3 {
	padding-bottom: .1rem
}

.skid a {
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden
}

.skid img {
	position: relative;
	left: -1.3rem;
	width: 260%;
	max-width: none
}

.mainContent h2,.s_jieshao h2 {
	margin: .1rem 0;
	text-transform: uppercase
}

.img300 {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.mainContent dl,.s_news {
	justify-content: space-between
}

.img300 img {
	width: 1.15rem;
	margin-bottom: .06rem
}

.s_jieshao_2 dd img {
	width: 100%;
	height: 100%
}

.s_jieshao_2 .s_jieshao2l img,.s_jieshao_2 .s_jieshao2r img,.s_jieshao_2 iframe {
	width: 100%
}

.s_news {
	display: flex
}

.s_news .s_newsl {
	width: 5.8rem
}

.s_news .s_newsl h3 {
	height: .3rem;
	font-size: .15rem;
	font-weight: 700;
	line-height: .2rem;
	color: #002b45;
	margin-bottom: .1rem;
	border-bottom: .01rem #f8c400 solid
}

.s_news .s_newsl dl {
	margin-bottom: .15rem
}

.s_news .s_newsl dt {
	width: 1.5rem;
	height: 1rem
}

.s_news .s_newsl dt img {
	width: 100%;
	height: 100%
}

.s_news .s_newsl dd {
	width: 4rem;
	text-align: left;
	margin-bottom: 0
}

.s_news .s_newsl dd h4 {
	font-size: .14rem;
	font-weight: 700;
	color: #4d5159;
	margin-bottom: .1rem
}

.s_news .s_newsl dd p {
	margin: 0;
	font-size: .12rem
}

.mainContent {
	line-height: 1.5;
	font-size: .12rem;
	padding: 0 .1rem
}

.mainContent .fuju {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.mainContent .fuju dl {
	float: none;
	flex-direction: column;
	width: 1.15rem
}

.mainContent .fuju dl dd {
	width: auto
}

.mainContent .fuju dl dt {
	width: 100%;
	min-height: .35rem;
	line-height: .14rem;
	background: #ccc;
	text-align: center;
	padding: 0;
	font-weight: 400;
	font-size: .08rem;
	padding-top: .1rem
}

.mainContent .fuju .fujumore {
	flex-direction: row
}

.mainContent p {
	margin: .1rem 0
}

.mainContent .s_app span {
	padding: .04rem .08rem;
	background: #f8c500;
	margin-right: .01rem;
	margin-bottom: .05rem;
	display: inline-block
}

.mainContent .s_app h3,.mainContent dl dd h3 {
	margin: .1rem 0;
	font-size: .13rem
}

.mainContent .s_app h3 {
	color: #002b45;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase
}

.mainContent dl {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.mainContent dl dd {
	width: 1.75rem
}

.mainContent .listblank {
	display: none
}

.mainContent .s_jieshao_3 dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .15rem
}

.mainContent .s_jieshao_3 dl dt {
	width: 1.5rem
}

.mainContent .s_jieshao_3 dl dd {
	width: 1.95rem
}

.mainContent .s_jieshao_3 dl dd h3 {
	margin: 0;
	font-size: .12rem;
	font-weight: 600;
	text-align: left
}

.mainContent .s_jieshao_3 dl dd p {
	margin: 0
}

.swiper-pagination-bullet {
	width: .15rem;
	height: .15rem
}

#phone2 {
	text-align: center
}
.layui-layer-btn a {
    line-height: .28rem!important;
    padding: 0 .1rem!important;
    border-radius: .03rem!important;
    font-size: .1rem!important;
}
.layui-layer{
    height: 1.5rem!important;
}
jdiv{
    font-size: 20px;
}