header{
	background:url(../images/tpbg.jpg) center 0 no-repeat;
	position:relative;
	background-size:cover;
}
.top{
	width:75%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}
.sousou{
	padding:15px 0px;
	display:none;
}
.sousou input{
	border:1px rgba(0,0,0,.2) solid;
	line-height:34px;
	border-right:0;
}
.sousou button{
	display:block;
	background:#f1780c;
	color:#fff;
	text-align:center;
	line-height:34px;
	border:0;
	font-family:arial;
}
.top .logo{
	width:20%;
	padding:20px 0px;
}
.top .menu{
	width:50%;
}
.top .ssyy{
	width:20%;
	display:flex;
	padding:20px 0px;
	align-items:center;
	justify-content:space-between;
}
.top .ssyy a.login{
	border:2px #013372 solid;
	color:#013372;
	font-family:Fonttwo;
	font-size:1.6rem;
	height:34px;
	line-height:30px;
	padding:0 22px;
	transition:background .3s;
}
.top .ssyy a.login:hover{
	background:#013372;
	color:#fff;
}
.top .menu ul{
	display:flex;
	justify-content:space-between;
}
.top .menu ul li>a{
	display:block;
	color:#000;
	font-family:Fontone;
	font-size:1.6rem;
	position:relative;
	line-height:92px;
}
.top .menu ul li:hover>a{
	color:#013372;
}
.top .menu ul li:hover>a:after{
	content:"";
	display:block;
	width:0;
	position:absolute;
	height:0;
	border-bottom:8px #013372 solid;
	border-left:8px transparent solid;
	border-right:8px transparent solid;
	bottom:0;
	left:50%;
	margin-left:-8px;
}
.top .ssyy>a{
	display:block;
}
.top .ssyy .lang{
	position:relative;
}
.top .ssyy .lang>a{
	font-family:Fontone;
	font-size:1.6rem;
	display:block;
	color:#000;
	cursor:pointer;
	line-height:52px;
	padding-right:15px;
	background:url(../images/xjt.png) right center no-repeat;
	transition:.3s;
}
.top .ssyy .lang>a:hover{
	background:url(../images/sjt.png) right center no-repeat;
	color:#013372;
}
.top .ssyy .search{
	cursor:pointer;
}
.menutwo{
	background:#013372;
	position:absolute;
	display:none;
	width:100%;
	z-index:99;
	top:100%;
	left:0;
}
.menutwo dl{
	width:60%;
	margin:0 auto;
	display:flex;
	padding:30px 0px;
	flex-wrap:wrap;
}
.menutwo dl dd{
	width:25%;
	display:flex;
}
.menutwo dl dd a{
	position:relative;
	display:block;
	line-height:38px;
	color:#fff;
	font-family:Fontone;
}
.menutwo dl dd a:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	height:1px;
	width:35px;
	background:#fff;
	transition:.5s;
}
.menutwo dl dd a:hover{
	color:#b5e1a0;
}
.menutwo dl dd a:hover:after{
	width:100%;
}
.overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.3);
      z-index: 9998;
    }
	.cookie-banner {
		position: fixed;
		bottom: 0;
		width: 100%;
		padding: 19px 15px;
		background: #f4f4f4;
		display: flex;
		justify-content: center;
		z-index: 9999;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
	}

	.cookie-content {
		display: flex;
		max-width: 100%;
		width: 100%;
		align-items: center;
		justify-content: space-between;
	}

	.cookie-left {
		width: 57.2%;
		padding-right: 3rem;
	}

	.cookie-right {
		width: 43%;
		display: flex;
		flex-direction: column;
		gap: 10px;
	}
	.cookie-right-top{
		display: flex;
		justify-content: space-between;

	}
	.toggle {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 24%;
	}

	.switch {
		position: relative;
		display: inline-block;
		width: 50px;
		height: 24px;
		margin:0;
		margin-right: 20px;
	}

	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		transition: 0.4s;
		border-radius: 24px;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 18px;
		width: 18px;
		left: 3px;
		bottom: 3px;
		background-color: white;
		transition: 0.4s;
		border-radius: 50%;
	}

	input:checked+.slider {
		background-color: #013372;
	}

	input:checked+.slider:before {
		transform: translateX(26px);
	}

	.cookie-actions {
		margin-top: 15px;
		display: flex;
		gap: 10px;
		justify-content: space-between;
	}

	.cookie-actions button {
		padding: 5px 20px;
		border: none;
		cursor: pointer;
		border:1px solid #013372;
		color:#013372;
		transition: background 0.3s;
		width:24%;
	}
	.cookie-actions button:nth-child(1),.cookie-actions button:nth-child(2){
		background:#013372;
		color:#fff;
	}
	.cookie-actions button:hover {
		background-color: #d5d5d5;
	}

	.loading {
		text-align: center;
		padding: 10px;
		font-size: 16px;
	}

	.hidden {
		display: none;
	}
	.cookie-left h3{
		font-size: 14px;
		padding-bottom:8px;
		font-weight: bold;
	}
	.cookie-left p{
		font-size: 12px;
	}
@media (min-width:992px) and (max-width:1200px){
	.top{
		width:90%;
	}
	.menutwo dl{
		width:75%;
	}
}
@media (min-width:768px) and (max-width:992px){
	.top{
		width:95%;
	}
	.menutwo dl{
		width:80%;
	}
}
@media (max-width:850px){
	header{
		background:#f3f3f3;
		position:relative;
	}
	.top{
		width:70%;
		margin:0;
	}
	.menutwo{
		display:none !important;
	}
	.top .menu{
		display:none;
		position:absolute;
		top:100%;
		z-index:99;
		background:rgba(255,255,255,1);
		width:80%;
		left:10%;
		box-shadow:0px 5px 5px rgba(0,0,0,.3);
		border-radius:0px 0px 5px 5px;
	}
	.top .menu .container{
		padding:0;
	}
	.top .menu ul li a:after{
		display:none;
	}
	.top .menu ul li.cur a{
		background:none !important;
	}
	.top .menu ul{ 
		display:block;
		padding:10px 0px;
	}
	.top .menu ul li{
		width:100%;
		padding:0px 10%;
	}
	.top .menu ul li:last-child a{
		border:0;
	}
	.top .menu ul li a{
		text-align:center;
		border-bottom:1px rgba(0,0,0,.2) solid;
		line-height:40px;
		font-size:1.3rem;
	}
	.nav-logo{
		position: absolute;
		display: block;
		right: 5%;
		top:35%;
		z-index:999;
		cursor: pointer;
    }
    .nav-logo>span{
		display:block;
		width: 30px;
		height: 4px;
		background-color: #013372;
		border-radius: 2px;
		margin: 4px auto;
		transition: .3s;
		transform-origin: left center;
    }
    .nav-top1{
		-webkit-transform: rotateZ(36deg);
		-moz-transform: rotateZ(36deg);
		-ms-transform: rotateZ(36deg);
		-o-transform: rotateZ(36deg);
		transform: rotateZ(36deg);
    }
    .nav-middle1{
		opacity: 0;
    }
    .nav-bottom1{
		-webkit-transform: rotateZ(-36deg);
		-moz-transform: rotateZ(-36deg);
		-ms-transform: rotateZ(-36deg);
		-o-transform: rotateZ(-36deg);
		transform: rotateZ(-36deg);
    }
}
@media (max-width:768px){
	.nav-logo{
		top:30%;
    }
	.top{
		width:99%;
		margin:0 auto;
	}
	.top .logo{
		width:100%;
		padding:15px 0px;
	}
	.top .logo img{
		height:40px;
	}
	.top .ssyy{
		display:none;
	}
}
@media (min-width:850px){
	.menu{
		display: block!important;
    }
}
#banner .swiper-slide img{
	width:100%;
}
#banner .swiper-slide section{
	position:absolute;
	height:100%;
	width:100%;
	top:0;
	opacity:0;
	left:0;
}
#banner .swiper-slide section>div{
	margin-top:5%;
	display:flex;
	justify-content:center;
}
#banner .swiper-slide section>div span{
	display:block;
	line-height:48px;
	font-size:2.0rem;
	font-family:Fonttwo;
}
#banner .swiper-slide section>div span:first-child{
	background:url(../images/bnlp.png) right center no-repeat;
	color:#fff;
	padding:0px 45px 0px 30px;
	margin-right:-19px;
}
#banner .swiper-slide section>div span:last-child{
	background:url(../images/bnrp.png) left center no-repeat;
	color:#000;
	padding:0px 30px 0px 45px;
	margin-left:-18px;
}
#banner .swiper-slide section>small{
	display:block;
	text-align:center;
	color:#fff;
	font-size:2.0rem;
	font-family:Fonttwo;
	padding:20px 0px 0px;
}
#banner .swiper-slide .xianshi{
	opacity:1;
}
#banner .swiper-slide .xianshi>small{
	animation: fadeInUp 1s;
    -webkit-animation: fadeInUp 1s;
}
#banner .swiper-slide .xianshi div span:first-child{
	animation: fadeInLeft 1s;
    -webkit-animation: fadeInLeft 1s;
}
#banner .swiper-slide .xianshi div span:last-child{
	animation: fadeInRight 1s;
    -webkit-animation: fadeInRight 1s;
}
.sjbanner{
	display:none;
}
@media (max-width:768px){
	.sjbanner{
		display:block;
	}
	#banner .swiper-slide>section{
		display:none;
	}
	#banner .swiper-slide>img{
		display:none;
	}
	#banner .swiper-button-white{
		display:none;
	}
}
.product{
	background:#f8f8f8 url(../images/pdbg.jpg) center bottom no-repeat;
	padding:60px 0px;
}
@media (max-width:768px) {
	.product{
		padding:30px 0px 0;
	}
}
.pdclass{
	background:#fff;
}
.pdclass>span{
	display:block;
	background:url(../images/pdtt.jpg) center 0 no-repeat;
	line-height:68px;
	font-family:Fontthree;
	color:#fff;
	font-size:3.1rem;
	padding-left:20px;
	height:68px;
}
.pdclass ul{
	padding:30px 20px 54px;
}
.pdclass ul li{
	border-bottom:1px rgba(0,0,0,.1) solid;
	position:relative;
}
.pdclass ul li a{
	font-size:1.4rem;
	color:#353434;
	font-family:Fonttwo;
	line-height:18px;
	padding:9px 0px;
	background:url(../images/pdjt.png) right center no-repeat;
	display:flex;
}
.pdclass ul li a:before{
	content:"-";
	display:block;
	margin:0px 7px 0px 5px;
}
.pdclass ul li:hover>a{
	background:url(../images/pdjtn.png) right center no-repeat;
	color:#0155ff;
}
.pdclass ul li>div{
	position:absolute;
	width:292px;
	left:100%;
	box-shadow:0px 0px 3px rgba(0,0,0,.2);
	z-index:999;
	top:0;
	background:#fff;
	display:none;
}
.pdclass ul li dl{
	display:block;
	margin:0;
}
.pdclass ul li dl dd a:hover{
	color:#0155ff;
}
.pdlist ul li{
	margin-bottom:30px;
}
.pdlist ul li img{
	width:100%;
}
.pdlist ul li a{
	display:block;
	background:#fff;
	transition:.3s;
}
.pdlist ul li a span{
	display:block;
	color:#000;
	font-size:1.4rem;
	line-height:18px;
	font-family:Fonttwo;
	text-align:center;
	padding:20px 0px;
	height:76px;
	position:relative;
}
.pdlist1 ul li a span{
	height:auto;
}
.pdlist ul li a span:after{
	content:"";
	background:#809dd5 url(../images/pdjh.png) center no-repeat;
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:-15px;
	opacity:0;
	left:50%;
	margin-left:-15px;
	transition:.3s;
	border-radius:50%;
}
.pdlist ul li a:hover{
	box-shadow:0px 0px 15px rgba(0,0,0,.4);
}
.pdlist ul li a small{
	display:block;
	position:relative;
}
.pdlist ul li a small:after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(17,66,132,.9);
	opacity:0;
	transition:.3s;
}
.pdlist ul li a:hover small:after{
	opacity:1;
}
.pdlist ul li a:hover span:after{
	opacity:1;
	transform:rotate(360deg)
}
.fangan{
	background:#07254f;
	padding:80px 0px 10px;
}
.fangan ul li{
	color:#fff;
	margin-bottom:40px;
}
.fangan ul li:first-child div{
	position:relative;
}
.fangan ul li:first-child div small{
	font-size:1.4rem;
	font-family:Fontthree;
}
.fangan ul li:first-child div p{
	font-size:3.9rem;
	font-family:Fontthree;
}
.fangan ul li:first-child div span{
	font-size:1.2rem;
	display:block;
	color:rgba(255,255,255,.7);
	line-height:18px;
	font-family:Fontone;
}
.fangan ul li:first-child div a{
	width:40px;
	height:40px;
	display:block;
	margin:20px 10px 0px auto;
	background:#295694 url(../images/fajhw.png) center no-repeat;
	border-radius:50%;
	transition:.5s;
}
.fangan ul li:first-child div a:hover{
	background:#fff url(../images/fajh.png) center no-repeat;
	transform:rotate(180deg)
}
.fangan ul li>a{
	display:block;
	position:relative;
	color:#fff;
	padding:30px;
}
.fangan ul li>a:after{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:90%;
	left:0;
	bottom:0;
	transition:.3s;
	border:4px #295694 solid;
}
.fangan ul li>a:hover:after{
	border:4px #fff solid;
}
.fangan ul li>a span{
	font-size:1.4rem;
	font-family:Fontone;
	color:rgba(255,255,255,.7);
	line-height:20px;
	display:block;
	padding-bottom:15px;
}
.fangan ul li>a p{
	font-family:Fonttwo;
	font-size:1.5rem;
	display:block;
	padding:45px 0px 10px;
}
.fangan ul li>a small{
	content:"";
	display:block;
	width:80px;
	height:64px;
	position:absolute;
	top:-10px;
	left:10%;
	z-index:9;
}
.about{
	padding:65px 0px 50px;
	background:#f2f2f2;
	position:relative;
}
.about .baise{
	position:absolute;
	background:#fff;
	left:0;
}
.about .baise2{
	position:absolute;
	background:#fff;
	left:0;
	bottom:0;
	height:50px;
}
.about .atitle{
	font-size:3.9rem;
	color:#052e70;
	font-family:Fontthree;
}
.about-ct{
	justify-content:space-between;
	display:flex;
}
.about-ct .abct-ct{
	padding:50px 30px 0px 0px;
	margin-right:10px;
	font-size:1.5rem;
	font-family:Fontone;
	line-height:30px;
	background:#fff url(../images/ddt.png) 0 0 no-repeat;
}
.about-ct .abct-ct a.more{
	font-size:1.4rem;
	color:#969696;
	font-family:Fonttwo;
	display:block;
	border:2px rgba(0,0,0,.1) solid;
	width:148px;
	line-height:44px;
	text-align:center;
	margin:20px 0px 0px auto;
	transition:.3s;
}
.about-ct .abct-ct a.more:hover{
	background:#052e70;
	border:2px #052e70 solid;
	color:#fff;
}
.about-ct .abct-ct .atitle{
	padding:40px 0px 0px;
}
@media (max-width:1200px) {
	.about-ct .abct-ct a.more{
		margin:10px 0px 0px auto;
	}
	.about-ct .abct-ct .atitle{
		padding:20px 0px 0px;
	}
}
@media (min-width:768px) and (max-width:992px){
	.about-ct .abct-ct a.more{
		width:120px;
		line-height:38px;
	}
	.about-ct .abct-ct{
		font-size:1.4rem;
		line-height:24px;
	}
}
@media (max-width:768px){
	.pdclass ul li>div{
		display:block;
		position:relative;
		width:100%;
		left:0;
		z-index:999;
		top:0;
		background:#fff;
	}
	.fangan{
		padding:40px 0px 10px;
	}
	.about{
		padding:30px 0px;
		background:#f2f2f2;
		position:relative;
	}
	.about .atitle{
		font-size:2.6rem;
		padding-left:15px;
	}
	.about-ct{
		display:block;
	}
	.about-ct .abct-ct{
		padding:15px;
		margin-right:0px;
		font-size:1.4rem;
		line-height:24px;
	}
	.about .baise{
		display:none;
	}
	.about .baise2{
		display:none;
	}
	.about-ct .abct-ct a.more{
		width:120px;
		line-height:38px;
		margin:10px 0px 10px 0px;
	}
	.abct-ph{
		display:none;
	}
}
#appli{
	padding-left:52px;
}
#appli .swiper-slide a{
	display:block;
	position:relative;
}
#appli .swiper-slide a img{
	width:100%;
}
#appli .swiper-slide a p{
	position:absolute;
	color:#fff;
	top:5%;
	left:7%;
	font-size:2.4rem;
	font-family:Fonttwo;
}
#appli .swiper-slide a span{
	display:block;
	width:80%;
	bottom:0;
	left:0;
	height:56px;
	position:absolute;
	font-size:1.4rem;
	color:#fff;
	font-family:Fontone;
	line-height:56px;
	padding-left:10%;
	background:rgba(17,66,132,.6);
}
#appli .swiper-button-next{
	width:52px;
	height:58px;
	left:0;
	top:0;
	transition:.3s;
	margin:0;
	background:#809dd5 url(../images/aprbt.png) center no-repeat;
}
#appli .swiper-button-prev{
	width:52px;
	height:58px;
	left:0;
	top:60px;
	transition:.3s;
	margin:0;
	background:#809dd5 url(../images/aplbt.png) center no-repeat;
}
#appli .swiper-button-disabled{
	opacity:1;
}
#appli .swiper-button-next:hover{
	background-color:#114284;
}
#appli .swiper-button-prev:hover{
	background-color:#114284;
}
#appli>span{
	display:block;
	background:#fff;
	width:52px;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	z-index:8;
}
.appli{
	min-width:300px;
}
@media (max-width:768px){
	.appli{
		width:100% !important;
		margin:0 !important;
	}
	#appli>span{
		display:none;
	}
	#appli{
		padding-left:0;
		margin:0px 15px;
	}
	#appli .swiper-button-next{
		display:none;
	}
	#appli .swiper-button-prev{
		display:none;
	}
	#appli .swiper-slide a span{
		width:100%;
	}
}
.footer{
    position: relative;
}
.ft-cont{
    padding: 40px 0;
    background:#041329;
    background-size: contain;
}
.ft-box{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ft-box>div{
    width: 25%;
}
.ft-box>div:nth-of-type(3){
	width:25%;
}
.ft-box>div:nth-of-type(2){
	width:25%;
}
.ft-box>div:nth-of-type(4){
	width:25%;
}
.ft-box>div>span{
	display:flex;
	margin:10px 0px 20px;
}
.ft-box>div>span small{
	display:block;
	width:4px;
	height:4px;
	background:#0078ff;
	margin-right:3px;
	transform:skew(-30deg);
}
.ft-box h3{
    font-size: 1.8rem;
    line-height: 40px;
	font-family:Fonttwo;
    color: #dfdfdf;
}
.phone{
    font-size: 1.4rem;
    line-height: 24px;
    margin: 10px 0;
	font-family:arial;
    color: rgba(255,255,255,.6);
}
.phone>p{
    line-height: 20px;
}
.message input:not(.tijiao){
    border:1px rgba(255,255,255,.05) solid;
	line-height:42px;
	margin-bottom:15px;
	width:100%;
	background:rgba(255,255,255,.1);
	padding-left:15px;
	font-family:arial;
	color:#fff;
}
.message textarea{
	border:1px rgba(255,255,255,.05) solid;
    background:rgba(255,255,255,.1);
	line-height:26px;
	padding-left:15px;
    width: 100%;
	font-family:arial;
    resize: none;
	margin-bottom:15px;
	color:#fff;
}
.tijiao{
    width: 45%;
    height: 46px;
    background:#0078ff;
	font-family:arial;
    background-size: 100% 100%;
    text-align: center;
	color:#fff;
	border:0;
	border-radius:3px;
}
.tijiao:hover{
	background:#fff;
	color:#000;
	transition:.3s;
}
.links{
	margin:25px 0px 0px;
	display:flex;
}
.links a{
	display:block;
	width:31px;
	height:31px;
	margin-right:10px;
}
.links a:nth-of-type(1){
	background:url(../images/tubiao.png) 0 0 no-repeat;
}
.links a:nth-of-type(2){
	background:url(../images/tubiao.png) -31px 0 no-repeat;
}
.links a:nth-of-type(3){
	background:url(../images/tubiao.png) -62px 0 no-repeat;
	width:32px;
}
.links a:nth-of-type(4){
	width:32px;
	background:url(../images/tubiao.png) right 0 no-repeat;
}
.ft-nav{
    padding:0 0 0 75px;
}
.ft-nav ul{
    margin-top: 0;
}
.ft-nav li{
    position: relative;
    height: 42px;
    font-size: 1.4rem;
}
.ft-nav li a{
    float: left;
    line-height: 37px;
	font-family:arial;
    color: rgba(255,255,255,.6);  
	margin-left:15px;
}
.ft-nav li a:hover{
	color:#0078ff;
}
.ft-nav li span{
    float: left;
    line-height: 37px;
    color: rgba(255,255,255,.6);  
}
.tags ul{
    margin-top: 0;
}
.tags li{
    position: relative;
    height: 42px;
    font-size: 1.4rem;
}
.tags li a{
    float: left;
    line-height: 37px;
	font-family:arial;
    color: rgba(255,255,255,.6);  
	margin-left:15px;
}
.tags li a:hover{
	color:#0078ff;
}
.tags li span{
    float: left;
    line-height: 37px;
    color: rgba(255,255,255,.6);  
}
@media (min-width:768px) and (max-width:992px){
	.ft-box>div{
		width: 34%;
	}
	.ft-box>div:nth-of-type(3){
		width:33%;
	}
	.ft-box>div:nth-of-type(2){
		width:33%;
	}
	.ft-box>div:nth-of-type(4){
		width:33%;
	}
	.tags{
		display:none;
	}
}
.ft-ft{
	border-top:1px rgba(255,255,255,.15) solid;
	padding:30px 0;
    background-color: #041329;
}
.ft-ft .copy{
	display:flex;
	justify-content:space-between;
}
.ft-ft .copy span{
    color:rgba(255,255,255,.6);
	line-height:32px;
}
.ft-ft .copy span a{
    color:rgba(255,255,255,.6);
}
@media (max-width:768px){
	.ft-box>div{
		width: 100%;
	}
	.ft-box>div:nth-of-type(3){
		display:none;
	}
	.ft-box>div:nth-of-type(2){
		display:none;
	}
	.ft-box>div:nth-of-type(4){
		width:100%;
	}
	.ft-nav{
		padding:0;
	}
	.ft-ft .copy{
		display:block;
	}
	.ft-ft .copy span{
		display:block;
	}
}
/*page*/
.ibanner{
	position:relative;
	width:100%;
}
.ibanner img{
	max-width:100%;
	width:100%;
}
.biaoti{
	position:absolute;
	width:100%;
	text-align:center;
	top:50%;
	color:#fff;
	margin-top:-40px;
}
.biaoti span{
	font-size:3.7rem;
	font-family:Fonttwo;
	display:block;
	line-height:40px;
}
.biaoti small{
	font-size:1.6rem;
	font-family:Fontone;
	display:block;
	text-transform:uppercase;
	line-height:40px;
}
.biaoti a{
	color:#fff;
	font-family:Fontone;
}
.biaoti a:hover{
	color:#fff;
	font-family:Fontone;
	text-decoration:underline;
}
@media (max-width:1200px) {
	.ibanner{
		width:100%;
		overflow:hidden;
	}
	.ibanner img{
		max-width:200%;
	}
}
@media (max-width:768px) {
	.ibanner img{
		max-width:340%;
	}
	.biaoti span{
		font-size:2.8rem;
	}
	.biaoti small{
		font-size:1.2rem;
	}
}
.content-about{
	padding:50px 0px 0;
}
.content-about .cabtitle{
	font-size:2.6rem;
	font-family:Fonttwo;
	line-height:30px;
	padding-bottom:20px;
}
.content-about .cabphoto{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.content-about .cabphoto img{
	max-width:100%;
}
.cabct-ct{
	padding:40px 0px 50px;
	background:url(../images/ddt.png) 0 bottom no-repeat;
	display:flex;
}
.cabct-ct .shuju{
	width:25%;
}
.cabct-ct .shuju ul li{
	font-family:Fonttwo;
	color:rgba(0,0,0,.6);
	margin-bottom:35px;
}
.cabct-ct .shuju ul li span{
	color:#273783;
	display:block;
	line-height:60px;
	font-size:5.3rem;
	font-family:Fontfour;
}
.cabct-ct .shuju ul li:last-child span{
	font-family:Fontsix;
	font-size:4.7rem;
	margin-bottom:0;
}
.cabct-ct .cabct-ctt{
	width:75%;
	font-family:Fontone;
	line-height:36px;
	color:#000;
	font-size:1.6rem;
}
.cabct-ct .cabct-ctt>p{
	margin-bottom:15px;
	font-family:Fontone;
}
@media (max-width:768px) {
	.content-about{
		padding:30px 0px 0;
	}
	.content-about .cabphoto{
		display:block;
	}
	.cabphoto p{
		width:100% !important;
	}
	.cabphoto img{
		width:100% !Important;
		height:auto !important;
		margin-bottom:15px;
	}
	.cabct-ct{
		padding:0px 0px 30px;
		display:block;
	}
	.cabct-ct .shuju{
		width:100%;
	}
	.cabct-ct .shuju ul li{
		margin-bottom:15px;
	}
	.cabct-ct .cabct-ctt{
		width:100%;
		line-height:30px;
		font-size:1.4rem;
	}
}
.content{
	background:#f7f8f8;
}
.content-product{
	padding:20px 0px 30px;
}
.content-product .product .pdclass{
	background:none;
}
.content-product .product .pdclass>span{
	background:#fff;
	border:1px rgba(0,0,0,.1) solid;
	color:#000;
	font-size:2.0rem;
	font-family:Fonttwo;
	line-height:48px;
	padding:0;
	height:48px;
	display:flex;
}
.content-product .product .pdclass>span small{
	background:#273783;
	width:20%;
	padding:8px 0px;
	position:relative;
	margin-right:25px;
}
.content-product .product .pdclass>span small:after{
	content:"";
	display:block;
	border-left:7px #273783 solid;
	border-top:7px transparent solid;
	border-bottom:7px transparent solid;
	position:absolute;
	top:50%;
	left:100%;
	margin-top:-7px;
}
.content-product .product .pdclass>span small p{
	display:block;
	width:50%;
	background:#fff;
	height:3px;
	margin:5px auto;
}
.content-product .product .pdclass ul{
	padding:0;
	background:#fff;
	border:1px rgba(0,0,0,.1) solid;
	margin-top:10px;
}
.content-product .product .pdclass ul li a{
	background:none;
	padding:12px 0px 12px 10px;
	color:rgba(0,0,0,.7);
	position:relative;
}
.content-product .product .pdclass ul li:last-child{
	border:0;
}
.content-product .product .pdclass ul li:hover>a{
	background:#fbfbfb;
	color:#273783;
}
.content-product .product .pdclass ul li dl dd a:hover{
	background:#fbfbfb;
	color:#273783;
}
.content-product .product .pdclass ul li a:after{
	content:"";
	display:block;
	height:50%;
	width:2px;
	background:#273783;
	left:0;
	top:25%;
	opacity:0;
	position:absolute;
}
.content-product .product .pdclass ul li dl dd a:after{
	display:none;
}
.content-product .product .pdclass ul li a:hover:after{
	opacity:1;
}
.content-product .product .pdclass ul li.cur>a{
	background:#fbfbfb;
	color:#273783;
}
.content-product .product .pdclass ul li.cur a:after{
	opacity:1;
}
.content-product .product .pdlist>span{
	font-size:1.8rem;
	color:#222222;
	font-family:Fonttwo;
	display:block;
	border-bottom:1px rgba(0,0,0,.1) solid;
	padding-bottom:10px;
	margin-bottom:20px;
}
.content-soluct .pdlist>span{
	font-size:1.8rem;
	color:#222222;
	font-family:Fonttwo;
	display:block;
	border-bottom:1px rgba(0,0,0,.1) solid;
	padding-bottom:10px;
	margin-bottom:20px;
}
.page{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	border-top:1px rgba(0,0,0,.1) solid;
	padding-top:20px;
}
.page span{
	display:block;
	background:#fff;
	border:2px rgba(0,0,0,.1) solid;
	line-height:23px;
	height:46px;
	padding:10px 15px 0;
	color:rgba(0,0,0,.8);
	margin-left:5px;
	transition:.3s;
	font-family:Fonttwo;
}
.page span a{
	display:block;
	line-height:20px;
	padding:10px 15px 0;
	height:46px;
	color:rgba(0,0,0,.8);
	font-family:Fonttwo;
}
.page span:hover{
	background:#273783;
	color:#fff;
	border:2px #273783 solid;
}
.page span:hover a{
	color:#fff;
}
.page span:hover select{
	color:#000;
}
.content-solu{
	padding:40px 0px 20px;
}
.content-solu ul li{
	margin-bottom:20px;
}
.content-solu ul li a{
	display:block;
	background:#fff;
	transition:.3s;
	padding:13px;
	border:1px rgba(0,0,0,.1) solid;
}
.content-solu ul li img{
	width:100%;
}
.content-solu ul li a section>p{
	font-size:1.6rem;
	color:#222222;
	margin:10px 0px;
	font-family:Fonttwo;
}
.content-solu ul li a section span{
	display:block;
	color:#353434;
	font-size:1.4rem;
	font-family:Fontone;
	line-height:22px;
	margin:0px 0px 20px;
}
.content-solu ul li a section small{
	display:block;
	font-size:1.5rem;
	font-family:Fontone;
	color:#000;
	border:1px rgba(0,0,0,.2) solid;
	width:110px;
	line-height:35px;
	padding:0px 10px;
	height:34px;
	transition:.3s;
	overflow:hidden;
	background:url(../images/sljt.png) right center no-repeat;
}
.content-solu ul li a:hover{
	box-shadow:0px 0px 20px rgba(0,0,0,.2);
}
.content-solu ul li a:hover small{
	background:#273783 url(../images/sljtn.png) right center no-repeat;
	color:#fff;
	border:1px #273783 solid;
}
@media (max-width:992px) {
	.content-solu ul li a section p{
		margin:10px 0px;
	}
	.content-solu ul li a section span{
		margin:0px 0px 15px;
	}
}
.content-contact{
	padding:50px 0px;
}
.content-contact .ccatitle{
	font-family:arial;
	font-size:1.7rem;
	color:#5e5e5e;
}
.content-contact .ccatitle p{
	font-size:2.7rem;
	color:rgba(0,0,0,.7);
	font-family:Fontthree;
}
.content-contact form{
	margin:30px 0px 0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.content-contact form input{
	width:49%;
	margin-bottom:15px;
	line-height:50px;
	font-size:1.4rem;
	font-family:Fonttwo;
	background:#f3f3f3;
	border:1px rgba(0,0,0,.15) solid;
	color:rgba(0,0,0,.6);
	padding-left:10px;
}
.content-contact form textarea{
	width:100%;
	font-size:1.4rem;
	padding-left:10px;
	line-height:32px;
	font-family:Fonttwo;
	background:#f3f3f3;
	color:rgba(0,0,0,.6);
	border:1px rgba(0,0,0,.15) solid;
}
.content-contact form button{
	background:#0078ff;
	border:0;
	font-size:1.3rem;
	font-family:Fontone;
	color:#fff;
	width:165px;
	text-align:center;
	line-height:42px;
	margin-top:15px;
	transition:.3s;
}
.content-contact form button:hover{
	background:#013372;
}
.ccact-ct{
	margin:30px 0px 0px;
}
.ccact-ct section{
	border-top:1px rgba(0,0,0,.2) solid;
	padding:15px 0px 15px 50px;
}
.ccact-ct section>p{
	font-family:Fontthree;
	line-height:20px;
	font-size:1.45rem;
	color:rgba(0,0,0,.8);
}
.ccact-ct section>span{
	font-family:Fontone;
	font-size:1.4rem;
	line-height:20px;
	color:rgba(0,0,0,.6);
}
.ccact-ct section:nth-of-type(1){
	background:url(../images/dz.png) 0 center no-repeat;
}
.ccact-ct section:nth-of-type(2){
	background:url(../images/xf.png) 0 center no-repeat;
}
.ccact-ct section:nth-of-type(3){
	background:url(../images/dh.png) 0 center no-repeat;
}
.ccact-ct section:nth-of-type(4){
	background:url(../images/cz.png) 0 center no-repeat;
}
.ccact-ct section:last-child{
	display:flex;
	padding:35px 0px 0px 0px;
}
.ccact-ct section:last-child a{
	display:block;
	width:32px;
	height:31px;
	margin-right:10px;
}
.ccact-ct section:last-child a:nth-of-type(1){
	background:url(../images/fxan.png) 0 center no-repeat;
}
.ccact-ct section:last-child a:nth-of-type(2){
	background:url(../images/fxan.png) -32px center no-repeat;
}
.ccact-ct section:last-child a:nth-of-type(3){
	background:url(../images/fxan.png) -64px center no-repeat;
}
.ccact-ct section:last-child a:nth-of-type(4){
	background:url(../images/fxan.png) right center no-repeat;
}
.ipdct-ct .ipctl span{
	display:block;
	border:2px rgba(0,0,0,.2) solid;
	padding:2px;
}
.ipdct-ct .ipctl img{
	width:100%;
}
.ipdct-ct .ipctr p{
	font-size:1.8rem;
	font-family:Fonttwo;
	padding:20px 0px;
	color:#273783;
}
.ipdct-ct .ipctr span{
	display:block;
	font-size:1.4rem;
	font-family:Fontone;
	line-height:24px;
}
.ipdct-ct .ipctr small{
	margin:20px 0px 0px;
	display:block;
}
.ipdct-ct>span{
	display:block;
	border-bottom:2px rgba(0,0,0,.1) solid;
	text-transform:uppercase;
	font-size:2.4rem;
	color:rgba(0,0,0,.8);
	font-weight:bold;
	font-family:Fontsix;
	margin:10px 0px;
	padding-bottom:10px;
}
.ipdct-ct .ipdct-content{
	font-size:1.4rem;
	line-height:26px;
	color:rgba(0,0,0,.7);
	margin:10px 0px;
	font-family:Fontone;
}
.ipdct-ct .ipdct-content table{
	border-left:1px #414040 solid;
	border-top:1px #414040 solid;
}
.ipdct-ct .ipdct-content table tr td{
	border-right:1px #414040 solid;
	border-bottom:1px #414040 solid;
	padding-left:5px;
}
.pagee{
	border-top:1px rgba(0,0,0,.3) dotted;
	border-bottom:1px rgba(0,0,0,.3) dotted;
	padding:10px 0;
	margin-top:20px;
}
.pagee a{
	display:block;
	font-family:Fontone;
	color:#273783;
	line-height:20px;
	font-size:1.3rem;
}
.pagee a:hover{
	color:#ff9b00;
}
.content-soluct{
	padding:50px 0px;
}
.content-soluct .nsct-ct{
	background:#fff;
	padding:25px;
	line-height:32px;
	font-family:Fontone;
	font-size:1.4rem;
	color:rgba(0,0,0,.7);
}
.content-soluct .nsxiang{
	background:#fff;
	padding:25px;
	margin:25px 0px 0px;
}
.content-soluct .nsxiang>span{
	display:block;
	font-size:2.0rem;
	margin-bottom:5px;
	font-family:Fonttwo;
	padding-bottom:10px;
	border-bottom:1px rgba(0,0,0,.2) solid;
}
.content-soluct .nsxiang ul li a{
	font-size:1.3rem;
	display:block;
	padding:8px 0px;
	line-height:22px;
	font-family:Fontone;
	color:rgba(0,0,0,.7);
	border-bottom:1px rgba(0,0,0,.2) dotted;
	
}
.content-soluct .nse{
	background:#fff;
	padding:25px;
}
.content-soluct .nse>span{
	display:block;
	margin-bottom:10px;
	font-family:Fonttwo;
	padding-bottom:5px;
	font-size:2.0rem;
	border-bottom:1px rgba(0,0,0,.2) solid;
}
.content-soluct .nse ul li{
	margin-bottom:10px;
	border-bottom:1px rgba(0,0,0,.1) solid;
	padding-bottom:10px;
}
.content-soluct .nse ul li a{
	display:flex;
	font-family:Fontone;
	justify-content:space-between;
}
.content-soluct .nse ul li img{
	width:100%;
}
.content-soluct .nse ul li span{
	position:relative;
	width:38%;
	display:block;
	border:1px rgba(0,0,0,.2) solid;
}
.content-soluct .nse ul li a p{
	width:60%;
	font-size:1.2rem;
	color:rgba(0,0,0,.7);
	
}
.content-soluct .nscttitle{
	border-bottom:1px rgba(0,0,0,.2) dashed;
	padding-bottom:15px;
	text-align:center;
	font-family:Fonttwo;
	margin-bottom:25px;
	margin-top:15px;
}
.content-soluct .nscttitle p{
	font-size:1.8rem;
	color:#1670af;
	font-family:Fonttwo;
	text-transform:uppercase;
}
.content-soluct .nscttitle span{
	font-size:1.3rem;
	display:block;
	font-weight:normal;
	color:rgba(0,0,0,.5);
	padding:8px 0px 0px;
}
@media (max-width:768px) {
	.content-soluct{
		padding:30px 0px;
	}
	.content-soluct .nsxiang{
		margin:15px 0px 0px;
	}
	.content-soluct .nse{
		margin:15px 0px 0px;
	}
}
.denglu{
	background:url(../images/dlbg.jpg) center no-repeat;
	background-size:cover;
	padding:100px 0px;
}
.denglu form{
	float:right;
	width:380px;
	padding:35px 50px 55px;
	background:#fff;
	box-shadow:0px 0px 20px rgba(0,0,0,.5);
}
.denglu form h2{
	text-align:center;
	color:#000;
	font-size:2.3rem;
	font-family:Fonttwo;
	line-height:30px;
	margin-bottom:25px;
}
.denglu form span{
	display:flex;
	border:1px rgba(0,0,0,.1) solid;
	border-radius:4px;
	margin-bottom:30px;
	overflow:hidden;
}
.denglu form span i{
	display:block;
	width:50px;
	background-size:center;
	background-position:center;
	background-repeat:no-repeat;
	position:relative;
}
.denglu form span i:after{
	height:16px;
	width:1px;
	display:block;
	content:"";
	background:rgba(0,0,0,.1);
	position:absolute;
	right:0;
	top:50%;
	margin-top:-8px;
}
.denglu form span input{
	border:0;
	line-height:24px;
	font-family:Fontone;
	padding:15px;
	outline:none;
	width:calc(100% - 50px);
}
.denglu form button{
	width:100%;
	border:0;
	color:#fff;
	background:#0078ff;
	border-radius:4px;
	font-size:1.9rem;
	font-family:Fontone;
	height:52px;
	transition:.3s;
}
.denglu form button:hover{
	background:#013372;
}
@media (max-width:992px) {
	.denglu{
		padding:50px 0px;
	}
	.denglu form{
		width:100%;
		padding:15px 30px 35px;
		box-shadow:0px 0px 10px rgba(0,0,0,.5);
	}
	.denglu form h2{
		font-size:1.8rem;
		margin-bottom:15px;
	}
	.denglu form span input{
		line-height:20px;
		padding:10px;
	}
	.denglu form button{
		font-size:1.6rem;
		height:40px;
	}
}
.pctit{
	text-align:center;
	background:#323e6c;
	color:#fff;
	font-size:3.2rem;
	font-family:Fontsix;
	line-height:40px;
	padding:40px 0px;
}
.listit{
	background:url(../images/tmlg.png) center 0 no-repeat;
	margin:45px 0px 35px;
	text-align:center;
	color:#000;
}
.listit span{
	display:block;
	font-family:Fontsix;
	font-size:2.0rem;
	line-height:30px;
}
.listit big{
	display:block;
	font-size:3.4rem;
	font-family:Fontthree;
	line-height:34px;
}
.listit big p{
	font-family:Fontthree;
}
.listit small{
	display:block;
	font-family:Fonttwo;
	font-size:1.8rem;
	line-height:24px;
	margin:15px 0px 0px;
}
.listit small p{
	font-family:Fonttwo;
}
.pccont{
	background:#bae0f3;
	padding:55px 0px 115px;
}
.pccont h1{
	text-align:center;
	color:#000;
	font-family:Fontsix;
	font-size:2.8rem;
	text-decoration:underline;
	line-height:36px;
}
.pccont h1 p{
	font-family:Fontsix;
}
.pccont h2{
	font-family:Fontone;
	font-size:2.4rem;
	color:#000;
	text-align:center;
}
.pccont h2 p{
	font-family:Fontone;
}
.pccont ul{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:50px 0px;
}
.pccont ul li{
	width:48%;
	font-family:Fonttwo;
	font-size:1.6rem;
	color:#000;
	line-height:22px;
}
.pccont ul li p{
	font-family:Fonttwo;
}
.pccont dl{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:50px 0px 0;
}
.pccont dl dd{
	width:48%;
	font-family:Fontone;
	font-size:1.4rem;
	color:#000;
	line-height:18px;
}
.pccont dl dd p{
	font-family:Fontone;
}
@media (max-width:992px) {
	.pctit{
		font-size:2.2rem;
		padding:20px 0px;
	}
	.listit{
		margin:25px 0px 15px;
	}
	.listit span{
		font-size:1.6rem;
		line-height:24px;
	}
	.listit big{
		font-size:2.0rem;
		line-height:24px;
	}
	.listit small{
		font-size:1.4rem;
		line-height:20px;
		margin:5px 0px 0px;
	}
	.pccont{
		padding:35px 0px 65px;
	}
	.pccont h1{
		font-size:1.8rem;
		line-height:26px;
	}
	.pccont h2{
		font-size:1.6rem;
	}
	.pccont ul{
		margin:30px 0px;
	}
	.pccont ul li{
		width:500%;
		font-size:1.4rem;
	}
	.pccont dl{
		margin:30px 0px 0;
	}
	.pccont dl dd{
		width:100%;
	}
}
.pc2020{
	padding:90px 0px 100px;
}
.pc2cont{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.pc2cont .colmd3{
	width:28%;
}
.pc2cont .colmd8{
	width:63%;
}
.pc2020 h2{
	font-size:3.8rem;
	font-family:Fontfour;
	color:#000;
	margin-bottom:40px;
}
.pc2020 h2 p{
	font-family:Fontfour;
}
.pc2020 ul{
	border-top:1px rgba(0,0,0,.15) solid;
}
.pc2020 ul li{
	border-bottom:1px rgba(0,0,0,.15) solid;
}
.pc2020 ul li a{
	display:block;
	color:#666;
	font-size:1.7rem;
	font-family:Fonttwo;
	line-height:24px;
	padding:20px;
	position:relative;
	transition:.3s;
}
.pc2020 ul li a p{
	font-family:Fonttwo;
}
.pc2020 ul li a:before{
	content:"";
	display:block;
	position:absolute;
	width:0;
	height:0;
	border-left:22px #fff solid;
	border-top:32px transparent solid;
	border-bottom:32px transparent solid;
	left:100%;
	top:0;
	transition:.3s;
}
.pc2020 ul li.cur a:before,.pc2020 ul li a:hover:before{
	border-left:22px #0078ff solid;
	border-top:32px transparent solid;
	border-bottom:32px transparent solid;
}
.pc2020 ul li a:after{
	content:"+";
	display:block;
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-15px;
	line-height:30px;
	color:#999;
	font-size:2.4rem;
}
.pc2020 ul li a:hover,.pc2020 ul li.cur a{
	color:#fff;
	background:#0078ff;
}
.pc2020 ul li a:hover:after,.pc2020 ul li.cur a:after{
	color:#fff;
}
.pc2cont .colmd8>h1{
	font-size:2.6rem;
	font-family:Fonttwo;
	border-bottom:1px rgba(0,0,0,.15) solid;
	border-top:1px rgba(0,0,0,.15) solid;
	line-height:60px;
}
.pc2cont .colmd8>h1 p{
	font-family:Fonttwo;
}
.pc2cont .colmd8 section{
	font-family:Fontone;
	line-height:30px;
	font-size:1.5rem;
	margin:20px 0px 0px;
}
.pc2cont .colmd8 section p{
	font-family:Fontone;
}
.pc2cont .colmd8 section img{
	max-width:100%;
	height:auto;
}
@media (max-width:992px) {
	.pc2020{
		padding:30px 0px 50px;
	}
	.pc2cont .colmd3{
		width:100%;
	}
	.pc2cont .colmd8{
		width:100%;
	}
	.pc2020 h2{
		font-size:2.2rem;
		margin-bottom:30px;
	}
	.pc2020 ul li a{
		font-size:1.4rem;
		padding:10px;
	}
	.pc2020 ul li a:before{
		border-left:12px #fff solid;
		border-top:22px transparent solid;
		border-bottom:22px transparent solid;
	}
	.pc2020 ul li.cur a:before,.pc2020 ul li a:hover:before{
		border-left:12px #0078ff solid;
		border-top:22px transparent solid;
		border-bottom:22px transparent solid;
	}
	.pc2020 ul li a:after{
		font-size:2.0rem;
	}
	.pc2cont .colmd8{
		margin-top:20px;
	}
	.pc2cont .colmd8>h1{
		font-size:1.6rem;
		line-height:40px;
	}
	.pc2cont .colmd8 section{
		font-size:1.4rem;
		margin:10px 0px 0px;
	}
		.cookie-content{
	    flex-wrap: wrap;
	}
	.cookie-left{
	    width:100%;
	}
	.cookie-right{
	    width:100%;
	}
    .toggle {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 48%;
        margin-bottom: 10px;
        font-size:12px;
    }
    .cookie-actions button{
        width:48%;
    }
    .cookie-right-top{
        flex-wrap: wrap;
    }
    .cookie-actions{
        flex-wrap: wrap;
    }
    .switch{
        margin-right:10px;
    }
    .cookie-left{
        padding-right: 0;
        margin-bottom:20px;
    }
}








































