﻿/* 顶部 */
	.fusion-header{}
		.fusion-logo img{width:150px !important ;}
		.fusion-flex-container .fusion-flex-justify-content-center{justify-content: left;}
		.foot-logo{}
		.ft-menu li{margin-bottom: 12px;}
		.ft-menu li a{font-size: 18px;color: #023a51 ;font-weight: bold;}
		.ft-menu li a:hover{color: #cc0001;}
		li{list-style: none;}
		ul{padding: 0;}

    .ui-toast-body.ui-toast-body-icon{font-size: 16px;color: #cc0011;background-color: #fff;padding: 6px 10px;border-radius: 5px;}
/* 产品 */
			body,html{background-color: #fff !important;}
			li{list-style: none;}
			h2{color: #0c4981;}
		
			.overflow{overflow: hidden;}
			.bg-cover{background-position: center;background-size: cover;background-repeat: no-repeat;}
			.service-banner{height: auto;width: 100%;display: flex;align-items: center;justify-content: center;padding: 100px 0;}
			.inner-text{background-color: rgba(18, 120, 188, 0.8);color: #fff;text-align: center;padding: 20px 40px;min-width: 1200px;}
			.inner-text h2{font-size: 40px;color: #fff;margin-bottom: 20px;}
			.inner-text p{font-size: 26px;font-weight: 600; margin: 0;}
			.ser-title{text-align: center;margin: 60px 0 50px;text-align: center;}
			.ser-title h2{font-size: 36px;margin-bottom: 0;}
			.part1{width: 100%;padding: 2px 0;background-color: #f9fafb;}
			.ser-type{width: 100%;}
			.ser-type li{width: 48%;float: left;margin-bottom: 40px;}
			.ser-type li:nth-child(2n){margin-left: 4%;}
			.ser-type i{width: 48px;color:#cc0001;font-size:48px;}
			.ser-type span{font-size: 20px;color: #0c4981;padding-left:68px ;line-height: 30px; font-weight: bold;text-align: justify;display: block;}
			.help{margin: 60px 0;}
			.help-text{width: 60%;padding-left: 40px;float: left;}
			.help-text h2{font-size: 30px;margin-bottom: 20px;}
			.help-text p{font-size: 20px;color:#666 ;text-align: justify;line-height: 30px;}
			.help-img{width: 40%;float: left;padding: 0 20px;text-align: center;}
			.help-img img{max-width: 100%;display: inline-block;}
			.bg-color{background-color: #e2f1ff;}
			.pt3{margin-bottom: 30px;}
			.pt3 li{width: 32%;float: left;margin-left: 2%;margin-bottom: 30px;}
			.pt3 li:nth-child(3n+1){margin-left: 0;}
			.pt3 li i{font-size: 24px;color: #cc0001;}
			.pt3 li h2{font-size: 22px;color: #0c4981;line-height: 24px; margin-bottom: 20px;}
			.pt3-text{font-size: 18px;color: #59667d;line-height: 30px;text-align: justify;}
			.qa-title {width: 100%;height: 110px;background-color: #0c4981;}
			.qa-title h2{font-size:30px ;font-weight: bold;color: #fff;margin: 0;line-height: 110px;}
			
			.jia{background-image: linear-gradient(to top, #666, #666);  background-size: 10px 2px;}
			  .btn {
				  display: inline-block;
				  background: #333 no-repeat center;
				 
				  width: 25px; height: 25px;   
				
				  color: #fff;
				  transition: color .2s, background-color .2s;
			  }
			  .btn:active {
				  box-shadow: inset 0 1px rgba(100,100,100,.1);
			  }
			  .btn:hover {
				  background-color: #cc0001;
				  
			  }
			  .btn-plus {
				  background-image: linear-gradient(to top, currentColor, currentColor), linear-gradient(to top, currentColor, currentColor);
				  background-size: 10px 2px, 2px 10px;
			  }
			  .btn-minus {
				  background-image: linear-gradient(to top, currentColor, currentColor);
				  background-size: 10px 2px;
			  }
			  .q{padding: 10px 0;cursor: pointer;white-space: nowrap;}
			  .q .btn{display: inline-block;vertical-align: middle;}
			  .q span{display: inline-block;font-size: 24px;font-weight: bold;line-height: 25px;margin-left: 18px;color: #333;vertical-align: middle;white-space: normal;}
			  .qa-list li{width: 100%;border-bottom: 1px solid #d4d4d4;}
		
			  .q:hover span{color: #cc0001;}
			  .q:hover i{background-color: #cc0001;}
			  .a,.a p{font-size:18px ;color: #333;text-align: justify; line-height: 45px; transition: all .3s ease;height: 0;display: none; }
			  .qa-show{height: auto;padding: 10px 0 15px;display: block;}
			
				.youshi{}
				.exp{margin: 60px 0;}
				.exp li{width: 32%;float: left;margin-left: 2%;background-color: #e2f1ff;    border-radius: 8px;padding: 24px 28px;}
				.exp li:nth-child(1){margin-left: 0;}
				.exp li h3{padding-bottom: 20px;font-size: 20px;font-weight: 500;border-bottom: 2px solid #cc0001;margin: 0;}
				.exp li p{font-size: 30px;font-weight: bold;color: #0c4981;margin: 20px 0 0;}
				.ys-title{text-align: center;margin-bottom: 40px;}
				.ys-title h2{margin: 0 ;font-size: 26px !important;}
				.ys-img{margin-bottom: 60px;}
				.ys-img li{width: 15%;float: left;margin-left: 2%;}
				.ys-img li:nth-child(1){margin-left: 0;}
				.form{width: 100%;padding: 6% 8%;background-color: #0c4981;border-radius: 24px;margin: 40px 0;}
				.form-l{width: 40%;float: left;}
				.form-l h2{font-size: 42px;color: #fff;margin: 0 0 20px;}
				.mes-tit{margin-bottom: 16px;color: #fff;}
				.mes-tit i{font-size: 24px;color: #cc0001;vertical-align: middle;display: inline-block;}
				.mes-tit span{color: #fff;font-size: 20px;font-weight: bold;vertical-align: middle;display: inline-block;}
				.form-l p{font-size: 18px;color: #fff;line-height: 30px;margin-bottom: 30px;display: block;}
				.form-r{width: 60%;float: right;padding-left: 6%;}
				.form-contain{background-color: rgb(255, 255, 255);border-radius: 12px;}
				.form-group{width: 49%;float: left;margin: 20px 0;}
				.form-contain{padding: 20px 30px;}
				.form-group:nth-child(2n){margin-left: 2%;}
				.fg-name{font-size: 16px;margin-bottom: 8px;}
				.form-input{width: 100%;height: 56px;line-height: 56px;    border-width: 1px 1px 1px 1px;
					border-color: #d2d2d2;
					background-color: #ffffff;
					font-size: 18px;					color: #aaa9a9;
					border-radius: 8px;
					padding: 0 10px;
					outline: 0;
					transition: all .2s ease;}
					.textA::placeholder{color: #aaa9a9;}
		.textA{border-color: #d2d2d2;border-width: 1px 1px 1px 1px;width: 100%;
					background-color: #ffffff;
					font-size: 18px;
					color: #aaa9a9;
					border-radius: 8px;
					padding: 0 10px;
					outline: 0;
					transition: all .2s ease;}
			.formSub{width: 100%;background: #cc0001;text-align: center;height: 55px;line-height: 55px;border-radius: 30px !important;outline: none;margin-top: 30px;
					color: #ffffff;font-size: 20px;font-weight: bold; transition: all .2s ease;cursor: pointer;
					border: none;}
			.formSub:hover{background-color: rgba(204, 0, 1, .8);}
			ul{padding: 0;}
			
			/* 关于我们 */
			
			.about-banner{padding: 80px 0;}
			.about-banner .container{display: flex;align-items: center;justify-content: space-between;}
			.banner-tip{color: #0c4981;font-size: 44px;font-weight: bold;}
			.about-img img{width: 450px;border-radius: 8px;}
			.about-desc{margin: 35px 0 60px;}
			.about-desc h2{font-size: 26px;color: #0c4981;margin-bottom: 20px;}
			.about-desc p{font-size: 18px;color: #666;line-height: 30px;display: block;margin-bottom: 20px;letter-spacing: 1px;}
			.mission-contain{display: flex;align-items: center;margin: 50px 0;}
			.mission-img{width: 40%;float: left;}
			.mission-img img{max-width: 100%;border-radius: 8px;}
			.mis-text{width: 60%;float: right;padding-left: 6%;}
			.mis-text h3{color: #cc0001;font-size: 20px;margin-bottom: 15px;}
			.mis-text h2{font-size: 34px;font-weight: bold;color: #0c4981;margin-bottom: 20px;margin-top: 0;line-height: 1;}
			.mis-text p{font-size: 18px;color: #666;line-height: 30px;letter-spacing: 1px;}
			.our-value{overflow: hidden;margin: 40px 0;}
			.value-left,.value-right{width: 50%;float: left;}
			.value-left{display: flex;justify-content: center; flex-direction: column;height: 380px;}
			.value-left h2{font-size: 34px;font-weight: bold;color: #0c4981;margin-bottom: 20px;}
			.value-left p{font-size: 18px;color: #666;line-height: 30px;}
			.value-right li{width: 48%;float: left;background-color: #fff;padding: 0 20px;height: 180px;display: flex;align-items: center;margin-bottom: 20px;border-radius: 6px;box-shadow: 0 0 4px 2px rgba(0, 0, 0, .1) ;}
			.value-right li:nth-child(2n){margin-left: 4%;}
			.value-right li h3{font-size: 20px;color: #cc0001;font-weight: bold;line-height: 30px;margin: 0;text-align: center;}
			.confuse{padding: 60px 6%;background-color: #0c4981;border-radius: 24px;margin-bottom: 60px;display: flex;justify-content: space-between;
						overflow: hidden;
						box-shadow:0 0 4px 4px rgba(226, 241, 255, .8);
					}
			.about-ys .ys-title{margin-top: 60px;}
			.confuse-tip h2{font-size: 40px;color: #fff;margin-bottom: 20px;font-weight: bold;}
			.confuse-tip p{color: #fff;font-size: 24px;}
			.confuse-btn{margin: 0;}
			.confuse-btn a{display: block;padding: 17px 0;font-size: 18px;margin-bottom: 20px;font-weight: bold; border-radius: 32px;line-height: 21px;width: 285px;text-align: center;color: #fff;transition: all .2s ease; }
			.confuse-btn li:nth-child(1) a{background-color: #cc0001;}
			.confuse-btn li:nth-child(1) a:hover{background-color: #fa0004;}
			.confuse li:nth-child(2) a{background-color: #106ab9;}
			.confuse-btn li:nth-child(2) a:hover{background-color: #fff;color: #0c4981;}
			
			/* 新闻页 */
			
			.news-banner{padding: 60px 0;text-align: center;}
			.news-banner h2{font-size: 48px;color: #0c4981;line-height: 1;margin: 0 0 30px;font-weight: bold;}
			.news-banner p{font-size: 24px;color: #0c4981;}
			.news-list{margin: 40px 0;}
			.news-list li{float: left;width: 23.5%;margin-left: 2%;border: 1px solid #d4d4dd;margin-bottom: 20px;}
			.news-list li:nth-child(4n+1){margin-left: 0;}
			.news-img{width: 100%;height: 0;padding-bottom: 63%;}
			.news-bot{padding: 20px 4%;}
			.news-bot h2{font-size: 20px;font-weight: 600;color: #333;margin: 0 0 16px;line-height: 26px;height: 52px;overflow: hidden;text-overflow: ellipsis;}
			.news-bot p{display: block;line-height: 24px;font-size: 14px;color: #666;margin: 0;height: 48px;overflow: hidden;text-overflow: ellipsis;}
			.news-list li:hover{border: 1px solid #cc0011;}
			.news-bot h2:hover{color: #0c4981;}
		
		
		/* 导航 */
		
		.top-head{border-bottom: 1px solid #e5e5e5;position: relative;z-index: 9999;}
		.menu{width: 100%;height: 100px;background-color: #fff;display: flex;align-items: center;justify-content: space-between;}
		.logo{float: left;flex-shrink: 0;}
		.logo img{height: 54px;}
		.menu-right{float: right;display: flex;align-items: center;height: 100%;}
		.headNav>li{float: left;}
		.headNav>li>a{color: #333;font-size: 18px;font-weight: bold;padding: 0 20px;transition: all .3s ease;}
		.headNav>li>a:hover,.sub-lg a:hover,.language:hover>a{color: #cc0011;}
		.mes-post a{margin:0 20px;padding: 12px 25px;line-height: 21px;color: #fff !important;background-color: #cc0011;white-space: nowrap; border-radius: 30px;font-size: 20px;font-weight: bold;}
		.language{position: relative;transition: all .3s ease-in;height: 100%;}
		.language>a{font-size: 18px;font-weight: bold;color: #333;padding: 0 20px;display: flex;height: 100%;align-items: center;}
		.language>a img{width: 24px;margin-right: 6px;}
		.sub-lg{background-color: #fff;position: absolute;z-index: 9999; width: 100%;transition: all .3s ease-in;opacity: 0; height: 0;}
		.sub-lg a{line-height: 0px;font-size: 16px;color: #666;display: block;text-align: center;transition: all .3s ease-in;}
		.sub-lg a:nth-child(1){border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
		.top-head .container{overflow: initial;}
		.language:hover .sub-lg{height: 100px;opacity: 1;}
		.language:hover .sub-lg a{line-height: 50px;}
		.service{height: 100%;}
		.service>a{height: 100%;line-height: 100px;display: block;}
		.service-contain{position: absolute;z-index: 9999; width: 100%;left: 0; background-color: #fff;padding:  0 ;border-top:1px solid #e5e5e5 ;transition: all .3s ease-in-out;
						height: 0;opacity: 0;}
		.menu-right>ul{height: 100%;display: flex;align-items: center;}
		.service-contain .container{display: flex;justify-content: center;height: 0;display: none;}
		.service-item{flex: 1;margin-left: 20px;transition: all .3s ease-in-out;}
		.service-item:nth-child(1){margin-left: 0;}
		.service-item li{display: block;margin-bottom: 20px;text-align: center;}
		.service-item li a{color: #333;font-size: 16px;}
		.service-item li:nth-child(1) a{font-size: 18px;font-weight: bold; color: #333 !important;}
		.service-item li a:hover{color: #cc0011;}
		.service:hover .service-contain{opacity: 1; height: auto;padding: 40px 0 60px;}
		.service:hover .service-contain .container{height: auto;display: flex;}
		.m-show{display: none !important;}
			.sub-show{opacity: 1; height: auto;padding: 40px 0 60px;}
				.sub-show2{height: auto;display: flex;}


			footer{margin-top: 40px;}
			
			.beian{text-align: center;margin: 20px 0;font-size: 16px;color: #666;}
			.foot-contain{width: 100%;display: flex;justify-content: space-between;}
			.foot-l,.foot-center,.foot-r{flex: 1;width: 33.3%;}
			.foot-l img{max-width: 100%;margin-bottom: 20px;}
			.foot-l p{font-size: 18px;color: #333;margin: 0;}
			.foot-contain h2{font-size: 20px;font-weight: bold;color: #cc0001;margin-bottom: 30px;}
			.foot-center ul{margin: 0;}
			.foot-center li{color: #023a51;font-size: 18px;line-height: 30px;font-weight: bold;margin-bottom: 12px;}
			.foot-email{font-size: 18px;font-weight: bold;color: #023a51;padding: 12px 0px;width: 80%;margin: 0 auto; display: block;text-align: center; border-radius: 30px;overflow: hidden;}
			a:hover{color: #cc0001 ;}




	.article h1{font-size: 28px;font-weight: bold;margin-bottom: 16px;}
			.info{font-size: 14px;color: #333;}
			
			.news-content{font-size: 16px;line-height: 26px;color: #333;}
			.news-content img{max-width: 100%;}
			.news-like h2{font-size: 26px;font-weight: bold;color: #023a51;margin:40px 0 30px;    text-align: center;}


.bg-clolor{background-color: #e2f1ff;}

		.ser-desc{font-size: 18px;color: #333;line-height: 28px;}
		.desc-contain{width: 100%;}
		.desc-contain li{width: 48%;float: left;padding: 30px 2%;border-radius: 8px;margin-left: 2%;}
		.desc-contain li:nth-child(1){background-color: rgb(224, 236, 240);margin-left: 0;}
		.desc-contain li h2{font-size: 26px;font-weight: bold;color: #023a51;}
		.desc-contain li p{font-size: 18px;color: #333;line-height: 28px;}














		.ser-i{text-align: left !important;
    line-height: 30px;
    height: 210px;}