/*网站导航*/
*{ margin:0px; padding:0px;}
.header-component nav {
	position: fixed;
	width: 100%;
	z-index: 999;
	top: 0;
	will-change: transform;
	transition: background-color .2s linear .1s, transform .15s;
	background-color: var(--nav-bg-color)
}


.header-component nav.is-scrolled {
	--nav-bg-color: rgba(0, 0, 0, 0.5) !important;
	--nav-text-color: white;
	--nav-toggle-icon-color: white;
	--nav-btn-border-hover-color: rgba(255, 255, 255, 0.7);
	-webkit-backdrop-filter: saturate(150%) blur(20px);
	backdrop-filter: saturate(150%) blur(20px);
	transform: translate3d(0, -100%, 0)
}

/* 下划线 */
.header-component nav.is-scrolled.slide-up {
	transform: translate3d(0, 0, 0);
	border-bottom: 1px solid #414141;
	--btn-hover-bg: rgba(255, 255, 255, 0.2)
}


.header-component .nav-container {
	width: 1400px;
	height: 88px;
	margin: 0 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: height .2s;
	
}


.nav-container ul li{ list-style-type: none;}


.nav-container ul li a {color:#fff; padding: 0 16px; font-size: 16px; display: block;text-decoration: none;}
.nav-container ul li a:hover {color:#fff;  padding: 0 16px; font-size: 16px;}


.banner{ background:#F5F2E6;} 





.MainMenu #links{position: relative;z-index: 1;padding: 0;}
.MainMenu #links>li{margin: 0 0 0 2.75rem;position:relative;font-size: 15px;color: #4e4e4e;display:inline-block;line-height: 50px;transition:0.6s;}
.MainMenu #links>li:before{content:"";position:absolute;bottom: 3px;left: 50%;border-bottom: #ff8533 4px solid;transition:0.6s;border-left: transparent 4px solid;border-right: transparent 4px solid;margin-left: -4px;opacity: 0;visibility: hidden;}
.MainMenu #links>li:after{content:"";position:absolute;bottom: 0;left: 0;width: 0;height: 3px;background: #ff8533;transition:0.6s;}
.MainMenu #links>li.on:before, .MainMenu #links>li:hover:before{opacity: 1;visibility: visible;}
.MainMenu #links>li.on:after, .MainMenu #links>li:hover:after{width: 100%;background: #ff8533;}
.MainMenu #links>li.on, .MainMenu #links>li:hover{ color:#ff8533;}
.MainMenu #links .down{width:100px; border: 1px solid #004FA3;position:absolute;top:100%;left:50%; margin-top: 0;background-color:#fff;z-index:2;-webkit-transform:translate(-50%,10px);-ms-transform:translate(-50%,10px);transform:translate(-50%,10px);-webkit-border-radius:2px;-ms-border-radius:2px;border-radius:2px;padding:15px 20px;opacity:0;pointer-events:none;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);-ms-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);box-shadow:0 5px 50px rgba(0,0,0,.1);}

.MainMenu #links .down:before{content:"";position:absolute;bottom:100%;height:45px;left:0;right:0;background-color:transparent}
.MainMenu #links .down:after{content:"";position:absolute;bottom:100%;left:50%;border-style:solid;margin-left:-7px;border-width:7px;border-color:transparent transparent #fff;}
.MainMenu #links .down li:not(:last-of-type){border-bottom:1px solid #d8edfc}
.MainMenu #links .down a{display:block;position:relative;font-size: 14px;padding:15px 0;color:#004FA3;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);-ms-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1);line-height: initial;text-align: center;}

.MainMenu #links .down.active{
	pointer-events:all;
	-webkit-transform:translate(-50%);
	-ms-transform:translate(-50%);transform:translate(-50%);
	-webkit-transition-delay:.1s;-ms-transition-delay:.1s;
	transition-delay:.1s;opacity:1;
	 }

	 
	 
	 
/* 	 浏览器侧边栏样式 */
	 
::-webkit-scrollbar {width:8px;background:none;}
::-webkit-scrollbar-button {display: none;}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:8px;background:#333;border-radius: 8px;}
::-webkit-scrollbar-corner {background:none;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}

	 
	 
	 
	 
	 
	 
	 
	 
/* 网站foot */

.footer{
    width: 100%;
    background:url(../images/b_bg.jpg) no-repeat center top #233e97;
    background-size: 100% 100%;
	height: 400px;
	
}


.footer_bottom_conter {
    width: 1400px;
	height: 280px;
   
    margin: 0 auto;
	padding-top:60px;
    overflow:hidden;
	
   
}

.webq_bottom_1 {
    height: auto;
    padding: 58px 0 40px 0;
}


.webq_bottom_left {
    width: 560px;
    float: left;
    margin-left: 30px;
    overflow: hidden;
	
	
	
}

.webq_bottom_left .webq_bottom_aa{
        color: #fff;
}


.webq_bottom_fx {
    width: 120%;
    margin-top: 45px;
}


.webq_bottom_tite {
    height: 30px;
    line-height: 1;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}


.webq_bottom_3 {
    float: left;
    width: 162px;
    color: #999;
	
}


.webq_bottom_3 ul li {
    height: 30px;
	list-style-type: none;
}

.webq_bottom_3 ul li a {
    line-height: 30px;
    display: block;
    color: #cbd8ea;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
	text-decoration: none;
}

.webq_bottom_3 ul li a:hover {
    color: #fff;
    padding-left: 5px;
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
}


.webq_bottom_aa{
    line-height: 1;
}

.webq_bottom_aa h4{
    font-size: 16px;
    text-transform:uppercase;
    font-weight: bold;
}

.webq_bottom_aa h5{
    font-size: 15px;
    padding-top: 12px;
    color: #dddddd;
}

.footer_bottom_logo{ margin-top:70px;}
.footer_bottom_logo img{ width:300px;}

.footer_bottom_4 {
    float: right;
    width: 800px;
    color: #fff;
    font-size: 14px;
}


.footer_bottom_4 ul li {
    line-height: 28px;
    color: #fff;
    font-size: 14px;
	list-style-type: none;
}

.footer_bottom_4 ul{
    margin-top: 40px;
}

.footer_bottom_4 ul li span {
    color: #fff;
    font-size: 14px;
    display: block;
    float: left;
    height: 50px;
}

.footer_bottom_4 ul li a {
    color: #fff;

}

.footer_bottom_4 ul li a:hover {
    text-decoration: underline;
    color: #fff;
}

.footer_bottom_4 ul li i{
    font-size: 14px;
	font-style: initial;
}

.webq_btb_2 {
    margin-top: 49px;
}


.webq_bottom_di {
    width: 100%;
    text-align: center;
    border-top: 1px solid #4e64a6;
}


.webq_bottom_dicont {
    width: 1400px;
    margin: 0 auto;
    line-height: 30px;
    color: #cbd8ea;
    padding: 12px 0;
	font-size:12px;
}


.webq_bottom_dicont .b_left {
    float: left;
}

.webq_bottom_dicont .b_r {
    float: right;
}


.webq_bottom_dicont a {
    color: #cbd8ea;
	text-decoration: none;
}

.webq_bottom_dicont a:hover {
    color: #fff;
   text-decoration: none;
}

.webq_bottom_dicont img {
    vertical-align: middle;
}



.two_bottom_er_1 {
    float: right;
    width: 150px;
    color: #fff;
    font-size: 14px;
    text-align: center;

	position: relative;
}


.two_bottom_er_pic{
    width: 120px;
    height: 160px;
    background:url(../images/er_bg.png) no-repeat 0 0;
    padding-top: 8px;
    margin: 0 auto;
    margin-top: 45px;
}



.two_bottom_er_pic img {
    width: 90px;
    height: 90px;
    padding: 7px;
    background: #fff;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}


.two_bottom_er_pic2{
    width: 120px;
    height: 160px;
    background:url(../images/er_bg.png) no-repeat 0 0;
    padding-top: 8px;
    margin: 0 auto;
    margin-top: 45px;
	  position: absolute;
  left: -150px;
  top: 43px;
}


.two_bottom_er_pic2 img {
    width: 90px;
    height: 90px;
    padding: 7px;
    background: #fff;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

/* 网站foot end */

/* news conter */

	/* 幻灯片图片中的文字 */
			.banner-tit{height: 900px;}
			.banner-list-1-1{ font-size: 45px;font-weight: bold;margin-top: 200px;color: #fff;}
			.banner-list-1-2{ font-size: 20px;margin: 20px; color: #fff;}
			.banner-list-1-3{  color: #fff;}
			.banner-list-img img{width: 16%; height:auto;  display:block; margin:0 auto;}
			.banner-list-1-4{ margin-top: 30px;color: #FF8533; }
			.banner-list-1-5{ margin-top: 20px;width: 400px; margin-left: 39%; }
			
			
			
.banner-list-1-5  a{  color: #fff;text-decoration: none;border: 2px solid #fff;padding: 10px 50px;border-radius: 5px; float: left;margin-left: 20px; 


    transition: background-color 0.5s ease; /* 定义过渡效果 */
}
.banner-list-1-5  a:hover{
	background-color: rgba(255, 255, 255, 0.5); /* 鼠标悬停时颜色变为绿色 */
}




	
		@keyframes floatIn {
		  0% {
		    opacity: 0;
		    transform: translateY(50px);
		  }
		  100% {
		    opacity: 1;
		    transform: translateY(0);
		  }
		}
		.float-text0 {
		  animation: floatIn 0.5s ease-out forwards;
		} 
		.float-text2 {
		  animation: floatIn 2s ease-out forwards;
		}
		
		.float-text3 {
		  animation: floatIn 1.5s ease-out forwards;
		}
		.float-text4 {
		  animation: floatIn 1s ease-out forwards;
		}
			
			
			
			@keyframes moveLeft {
			  from {
			    transform: translateX(100px);
			  }
			  to {
			    transform: translateX(0); /* 向左移动100像素 */
			  }
			}
			 
			/* 应用动画 */
			.element {
			  animation: moveLeft 2s forwards; /* 动画名称，持续时间，迭代次数 */
			}
			
			

	
	
	.porductslist{width: 1400px; margin: 0 auto;}
	
	
	
	
	
/* 	分页样式 */
	
	
						.fengye_page {
						margin: 25px;
					}

					.pageinfo {
						padding: 10px 10px;
						font-size: 14px;
						border: 1px solid #e9e9e9;
						display: inline-block;
						color: #555;
						margin: 0 4px;
						text-decoration: none;
						-moz-border-radius: 4px;
						-ms-border-radius: 4px;
						-o-border-radius: 4px;
						-webkit-border-radius: 4px;
						border-radius: 4px;
					}

					.homepage {
						padding: 10px 10px;
						font-size: 14px;
						border: 1px solid #e9e9e9;
						display: inline-block;
						color: #555;
						margin: 0 4px;
						text-decoration: none;
						-moz-border-radius: 4px;
						-ms-border-radius: 4px;
						-o-border-radius: 4px;
						-webkit-border-radius: 4px;
						border-radius: 4px;
					}

					.nopage {
						padding: 10px 10px;
						font-size: 14px;
						border: 1px solid #e9e9e9;
						display: inline-block;
						color: #555;
						margin: 0 4px;
						text-decoration: none;
						-moz-border-radius: 4px;
						-ms-border-radius: 4px;
						-o-border-radius: 4px;
						-webkit-border-radius: 4px;
						border-radius: 4px;
					}

					.listpage {
						padding: 10px 10px;
						font-size: 14px;
						border: 1px solid #e9e9e9;
						display: inline-block;
						color: #555;
						margin: 0 4px;
						text-decoration: none;
						-moz-border-radius: 4px;
						-ms-border-radius: 4px;
						-o-border-radius: 4px;
						-webkit-border-radius: 4px;
						border-radius: 4px;
					}

					.endpage {
						padding: 10px 10px;
						font-size: 14px;
						border: 1px solid #e9e9e9;
						display: inline-block;
						color: #555;
						margin: 0 4px;
						text-decoration: none;
						-moz-border-radius: 4px;
						-ms-border-radius: 4px;
						-o-border-radius: 4px;
						-webkit-border-radius: 4px;
						border-radius: 4px;
					}

/* 	分页样式end */

/* 面包屑 */
.bread_nav {
	margin-top: 30px;
	font-size: 16px;
	color: #F17600;
	

}

/* 公共标题 */
.title_common {
	margin: 35px auto 0;
	width: 340px;
  
	font-weight: 600;
	text-align: center;
	font-size: 40px;
	letter-spacing: 2px;
	color: #1a1a1a;
	padding-bottom: 15px;

}
a {
    text-decoration: none;
    color: inherit;
}

.common_tit {
	position: relative;
	font-weight: 600;
	line-height: 40px;
	color: #181818;
	padding-left: 21px;
}

.common_titA {
		font-weight: 600;
	font-size: 30px;
	color: #eb6d1b;
}

.common_titA:hover {
	color: #eb6d1b;
}

.common_tit::before {
	content: '';
	display: block;
	width: 6px;
	height: 31px;
	background-color: #eb6d1b;
	border-radius: 3px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}