/*dp20240721*/
* {margin:0px; padding:0px;  }
img{ border:0 none; padding:0;}
input,button,select,textarea{outline:none} 
textarea{resize:none}
table{border-spacing:0;}
div,ul,li{ list-style-type:none;}
html,body{ min-width:320px; font-size:16px; position: relative; margin:0 auto; color:#202020; font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif;}
a{color:#202020; text-decoration:none;  font-family:'Microsoft Yahei',"PingFang SC","Helvetica Neue",Georgia,Helvetica,Arial,sans-serif; }
a:hover{ color:#EC7210;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
a,.transition,:before,img {
    -webkit-transition: All .5s ease;
    transition: All .5s ease;
}

/***************************************首页*****************/
.header{ height:80px; width:100%; background-color:#ffffff; }
.top{ width:100%; max-width:1300px; margin:0 auto;}
.header .logo{ float:left; width:190px; margin-top:15px;}
.header #pcnav{ float:right; width:calc(100% - 320px);}
.header .phone{ float:right; width:130px; height:25px; line-height:25px; text-indent:18px; color:#EC7210; font-weight:700; font-family:Arial, Helvetica, sans-serif; background:url(phone.png) no-repeat 0 50%; margin-top:15px;}

.nav_btn_box{ display:none;}/*默认手机导航不显示*/
#m_nav{ display:none;}
/*pc导航*/
#pcnav{ width:100%; margin:0 auto; text-align:center;}
#pcnav, #pcnav ul{z-index:5; position:relative;}
#pcnav .yiji{ float:left; display:inline-block; width:12.5%; height:80px; line-height:80px; position:relative; z-index:20;}
#pcnav .yiji a{display:block; width:100%; height:80px; line-height:80px;  text-align:center; font-size:16px; }/*一级栏目间距*/
#pcnav ul a{line-height:40px; font-size:16px; }/*2级和3级栏目高度*/
#pcnav ul{position:absolute; display:none; width:100%; top:80px;}/*二级列表菜单*/
#pcnav .erji a{ line-height:20px; padding:10px 0; height:auto; font-size:16px; text-align:center; color:#202020; }/*二级栏目间距*/
	
#pcnav .yiji a:hover,  #pcnav .yiji a:focus, #pcnav .yiji a.xuanzhong{ background-color:#eeeeee;}
#pcnav .erji li{background-color:#ffffff; margin-right:0;}/*二级菜单样式背景色*/
#pcnav .erji a:hover, #pcnav .erji a:focus{ background-color:#EC7210;; color:#fff;}/*二级菜单鼠标经过样式背景色*/
#pcnav li:hover ul ul, #pcnav li:hover ul ul ul, #pcnav li:hover ul ul ul ul{display:none;}
#pcnav li:hover ul, #pcnav li li:hover ul, #pcnav li li li:hover ul, #pcnav li li li li:hover ul{display:block;}

@media screen and (max-width:1300px){
	.header .logo{  width:120px;}
	.header #pcnav{ width:calc(100% - 250px);}
	#pcnav .erji a{font-size:14px;  }
}
@media screen and (max-width:1024px){
	.header{ position:fixed; top:0; left:0; z-index:9999;}
	.header .logo{  width:100px;}
	.header #pcnav{ display:none;}/*pc导航隐藏*/
	#m_nav{ display:block;}
	
	#m_nav .list1 li .a{ color: #fff}
	
	/*手机端顶部导航按钮开始*/
	
	#nav_btn_box{ float:right; position:relative; width:60px; height:80px; display:flex; align-items: center; justify-content: center; z-index: 1; min-width:60px; }
	#nav_btn_box:before{content:"";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background:#EC7210;}
	
	#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
	
	#nav_btn .point {display:inline-block; width:2rem; height:18px; position:relative; outline:none;}
	#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: 100%;}
	#nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;margin-top: -1px;}
	#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
	#nav_btn .navbtn::after {top: -8px;}
	#nav_btn .navbtn::before {top: 8px;}
	#nav_btn .point.on .navbtn {background: transparent;}
	#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
	#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
	
	nav{   box-sizing: border-box;}/*重要，手机点开顶部菜单可以上下滚动显示全所有内容*/
	
	.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
	.m_nav_list::-webkit-scrollbar { display:none}
	
	#m_nav {z-index:99999; position:fixed; width:100%; height:100vh; top:80px; padding:1rem 0; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; display: block; background:#EC7210; background-size:cover; opacity: 0; visibility: hidden; -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); overflow: hidden; overflow-y: scroll;}
	
	#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}
	#m_nav .list1{justify-content: center;}
	
	.list_box_nav_mobile{width:100%; padding: 0 0 10px; margin: 0;/* flex: 1; */}
	.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
	.list_box_nav_mobile>li .con{ position:relative; padding-left:1rem;}
	.list_box_nav_mobile>li .a{width: 100%; border-bottom: 1px solid rgba(255,255,255,.15); line-height:4rem; color: rgba(255,255,255,.8); padding: 0; font-size:1.125rem; display: flex; position: relative; transition:.5s;}
	.list_box_nav_mobile>li i{opacity: 1; filter: alpha(opacity=100);  width:4rem; height:4rem; display: inline-block; background: url(arr-down.png) center no-repeat; background-size: 15px 15px !important; position: absolute; display: block; right:1rem; top: 0;}
	.list_box_nav_mobile>li.on1 i{background: url(arr-r.png) center no-repeat; background-size: 15px 15px !important;}
	
	.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}
	/*三级导航 开始*/
	.list_box_nav_mobile>li .list{padding:10px;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
	.list_box_nav_mobile>li .list a{display:block;font-size:13px; color: #ffffff; line-height: 2.5; width:49%; float:left;}
	
}


/*首页大图*/
.swiper1 .swiper-slide img{ width:100%; display:block;}
.swiper-pagination1 .swiper-pagination-bullet{
	width:14px;
    height:14px;
    display: inline-block;
    border-radius: 100%;
    background:none;
	border:2px solid #ffffff;
    opacity:1;}
.swiper-pagination1 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}
@media screen and (max-width:1024px){
	.wrapbanner{ position:relative; margin-top:80px;}
}
@media screen and (max-width:640px){
	.swiper-pagination1 .swiper-pagination-bullet{
		width:11px;
		height:11px;
		display: inline-block;
		border-radius: 100%;
		background:none;
		border:2px solid #ffffff;
		opacity:1;
	}
	.swiper-pagination1 .swiper-pagination-bullet-active {
		opacity: 1;
		background: #ffffff;
	}
}

.wp{ width:94%; max-width:1300px; margin:0 auto;}
/*首页关于安伯恩*/
.sec1 h1{ text-align:center; font-size:34px; color:#EC7210; font-weight:normal; letter-spacing:2px; padding:45px 0;}
.sec1 .jianjie{ text-align:center; font-size:18px; line-height:2;}
.sec1 .more{ text-align:center; padding:30px 0;}
.sec1 .more a{ color:#EC7210;}
.sec1 .more a:hover{ background-color:#D96D00; color:#ffffff; padding:5px 10px;}
@media screen and (max-width:640px){
	.sec1 h1{ font-size:24px; color:#EC7210; font-weight:normal; letter-spacing:2px; padding:30px 0;}
	.sec1 .jianjie { 
		font-size: 16px;
		line-height: 2;
		text-align:left;
	}
}
/*首页安伯恩产品  产品需上传正方形封面图*/
.sec2{ background-color:#f0f0f0; margin-top:50px; padding-bottom:50px;}
.sec2 h1{ text-align:center; font-size:34px; color:#EC7210; font-weight:normal; letter-spacing:2px; padding:45px 0 20px 0;}
.sec2 .info{ text-align:center; font-size:16px; color:#666666; margin-bottom:45px;}
.sec2 .more{ text-align:center; padding:30px 0;}
.sec2 .more a{ color:#EC7210;}
.sec2 .more a:hover{ background-color:#D96D00; color:#ffffff; padding:5px 10px;}

.product li{ float:left; display:block; width:31%; margin-right:3.5%;}
.product li:nth-of-type(3n+3){ margin-right:0;}
.product li a{ display:block;}
.product li .pro-img{ position:relative; border:1px solid #ddd; width:calc(100% - 2px); height:0; padding-top:100%; overflow:hidden;}
.product li .pro-img img{ position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; object-fit:cover;  }
.product li .pro-name{ height:40px; line-height:40px; background-color:#ffffff; text-align:center; overflow:hidden; font-size:18px;}
.product li:hover .pro-img{ border:1px solid #EC7210; }
.product li:hover .pro-img img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.product li:hover .pro-name{ background-color:#EC7210; color:#ffffff;}
@media screen and (max-width:800px){
	.product li{ float:left; display:block; width:48%; margin-right:4%; margin-bottom:20px;}
	.product li:nth-of-type(3n+3){ margin-right:4%;}
	.product li:nth-of-type(2n+2){ margin-right:0;}
}
@media screen and (max-width:640px){
	.sec2{ margin-top:20px; padding-bottom:30px;}
	.sec2 h1{ font-size:24px; color:#EC7210; font-weight:normal; letter-spacing:2px; padding:30px 0 10px 0;}
	.sec2 .info{  font-size:14px; margin-bottom:30px;}
	
	.product li .pro-name{ font-size:16px;}
}
@media screen and (max-width:480px){
	.product li{ float:left; display:block; width:100%; margin-right:0; margin-bottom:20px;}
	.product li:nth-of-type(3n+3){ margin-right:0;}
	.product li:nth-of-type(2n+2){ margin-right:0;}
}
/*首页案例分享*/
.sec3{ padding-bottom:50px;}
.sec3 h1{ text-align:center; font-size:34px; color:#EC7210; font-weight:normal; letter-spacing:2px; padding:45px 0;}
.swiper2.swiper-container{ padding-bottom:70px;}
.swiper2 .swiper-slide{ position:relative; height:100%; }
.swiper2 .pic {
    height: 25rem;
    position: relative;
    overflow: hidden;
}
.swiper2 .pic a{    
	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    display: block;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;}
.swiper2 .txt {
	height:2rem; 
	box-shadow:0 0 10px rgba(0,0,0,0.20);
	padding:5px 10px; 
	background-color:#ffffff;}
.swiper2 .txt .title{text-align:center; }
.swiper2 .txt .title a{display:inline-block; font-size:1.125rem; font-weight:normal; text-align:center; line-height:2rem; height:2rem; overflow:hidden;} 

.swiper-pagination2 .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
	border:1px solid #EC7210;
    background: #ffffff;
    opacity:1;
}
.swiper-pagination2 .swiper-pagination-bullet-active {
    opacity: 1;
    background:#EC7210;
}
.swiper2 .swiper-slide:hover .pic a:hover{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.swiper2 .swiper-slide:hover .txt{ background-color:#EC7210; color:#ffffff;}
.swiper2 .swiper-slide:hover .title a{ color:#ffffff;}
@media screen and (max-width:1024px){
	.swiper2 .pic {
		height: 20rem;
		position: relative;
		overflow: hidden;
	}
}
@media screen and (max-width:768px){
	.swiper2 .pic {
		height: 16rem;
		position: relative;
		overflow: hidden;
	}
}
@media screen and (max-width:640px){
	.sec3{ padding-bottom:30px;}
	.sec3 h1{ font-size:24px; padding:30px 0;}	
}
/*首页底部-------------------------------------------------------------------------------*/
.footer{ width:100%; background-color:#EC7210; }
.foot-l{ float:left; width:32%; padding-top:45px;}
.foot-l img{ max-width:100%; margin-bottom:10px;}
.foot-l .contact{ color:#ffffff; font-size:14px; line-height:25px;}
.foot-r{ display:flex; flex:1; float:right; width:68%; padding-top:45px;}
.foot-r .item{ flex:1;}
.foot-r .item .h5{ display:block; font-size:16px; line-height:45px; color:#ffffff; background:url(line.jpg) no-repeat 0% 100%;}
.foot-r .item .h5:hover{ background:url(line.jpg) no-repeat 20px 100%;}
.foot-r .item .box{ margin-top:20px;}
.foot-r .item .box a{ display:block; line-height:25px; color:#ffffff; font-size:14px;  opacity:0.6; }
.foot-r .item .box a:hover{ opacity:1;}

.copyright{ border-top:1px solid #FFA64D; line-height:20px; padding:15px 0; text-align:center; color:#ffffff;  font-size:14px;  opacity:0.6; margin-top:45px;}
.copyright a{color:#ffffff;  font-size:14px;  opacity:0.6;}

@media screen and (max-width:1024px){
	.foot-l{ width:94%; text-align:center; margin-left:3%; }
	.foot-r{ display:none;}
}
@media screen and (max-width:640px){
	.copyright a{ display:block;}
	
}


/*------------------------------------------单页-------------------------------------------------------------------------------------*/
/*栏目图*/
.inbanner{ width:100%; height:400px; position:relative; overflow:hidden;}
.inbanner img{ position:relative; width:100%; height:100%; object-fit:cover; z-index:0;}
.inbanner .in-name{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5; color:#ffffff; font-size:40px; font-weight:600; letter-spacing:2px;}
/*内页导航*/
.innav{width: 100%; height:60px;  background: #fff; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: center; }
.innav .innav-item{position: relative; line-height: 60px; font-size: 16px;  margin: 0 40px; }
.innav .innav-item.active{color:#EC7210; }
.innav .innav-item::after{    
	content: '';
    width: 0%;
    height: 2px;
    background-color: #EC7210;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;}
.innav .innav-item.active::after{ width:100%;}

.danye{ padding:80px 0; line-height:2; font-size:18px;}
@media screen and (max-width:1024px){
	.inbanner{ height:300px;  margin-top:80px;}
}
@media screen and (max-width:800px){
	.inbanner{height:200px;}
}
@media screen and (max-width:600px){
	.innav .innav-item{ margin:0 20px;}
	
}
@media screen and (max-width:480px){
	.inbanner{height:150px;}
	.inbanner .in-name{ font-size:22px; }
	.innav .innav-item{ line-height:20px; padding:10px 0;}
}


/*-----------------------内容页--------------------*/

.nr-box {padding:50px 0; font-size:16px;}
.weizhi{ line-height:25px; padding:15px 0; border-bottom:1px solid #ddd;}
.weizhi, .weizhi a{ color:#999; font-size:14px; font-weight:normal; margin:0 .2rem;}

.nr-box .nr-title{ font-size:24px; padding:2rem 0; text-align:center;}
.nr-box .nr-time{ font-size:14px; color:#666;  text-align:center;  }
.nr-box .nr-article{ font-size:16px !important; line-height:2.5 !important; margin:3rem 0;}
.nr-box .nr-article img{ display:block; max-width:100% !important; height: auto !important; text-indent:0; text-align:center; margin:10px auto;}
@media screen and (max-width:1024px){
	.nr-box {padding:20px 0; font-size:16px;}
}
/*------------------------------------------------------------图文列表页-------------------------------*/
.listbox{ min-height:300px;}
.ul-list-pic{ margin:80px 0;}
.ul-list-pic li{ margin-bottom:50px;}
.ul-list-pic li a{ display:block; position:relative; transition:all .5s;}
.ul-list-pic li .newspic{ float:left; width:260px; height:173px; overflow:hidden; position:relative;}
.ul-list-pic li .newspic .a{ background-repeat:no-repeat; background-position: center; background-size: cover; height: 100%; display: block; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.ul-list-pic li .newstext{ float:right; width:calc(100% - 310px); margin-top:20px;}
.ul-list-pic li .newstext h3{ font-size:14px; color:#666;  font-family:"Times New Roman", Times, serif; }
.ul-list-pic li .newstext h3 big{ color:#EC7210; font-size:30px; font-family:"Times New Roman", Times, serif; margin-right:15px; }
.ul-list-pic li .newstext h4{ width:100%; height:52px; line-height:26px; font-size:18px; font-weight:normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin:10px 0 20px; }
.ul-list-pic li .newstext h5{ text-align:right; position:relative;}
.ul-list-pic li .newstext h5 span { display: inline-block; font-size:14px; color: #666666; padding: 0 20px 0 10px; font-weight:normal;}
.ul-list-pic li .newstext h5:before { content: ""; position:absolute; left:0; right:60px; top:50%; height:1px; background:#dddddd;}

.ul-list-pic li a:hover .newspic .a{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.ul-list-pic li a:hover .newstext h4{}
.ul-list-pic li a:hover .newstext h5:before{ background:#EC7210;}
@media screen and (max-width:640px){
	.ul-list-pic li .newspic{ width:180px; height:120px; }
	.ul-list-pic li .newstext{ float:right; width:calc(100% - 200px); margin-top:0;}
	.ul-list-pic li .newstext h4{ height:44px; line-height:22px; font-size:16px; margin:5px 0 15px; }
}
@media screen and (max-width:400px){
	.ul-list-pic li .newspic{ width:150px; height:100px; }
	.ul-list-pic li .newstext{ float:right; width:calc(100% - 160px); margin-top:0;}
	.ul-list-pic li .newstext h3 big{font-size:20px; margin-right:10px;}
	.ul-list-pic li .newstext h4{ height:40px; line-height:20px; font-size:15px; margin:5px 0 10px; }
}


/*--------------------------------产品列表------------------------------*/
.listpro{ margin:80px 0;}
.listpro li{ float:left; display:block; width:31%; margin-right:3.5%; margin-bottom:20px;}
.listpro li:nth-of-type(3n+3){ margin-right:0;}
.listpro li a{ display:block;}
.listpro li .pro-img{ position:relative; border:1px solid #ddd; width:calc(100% - 2px); height:0; padding-top:100%; overflow:hidden;}
.listpro li .pro-img img{ position:absolute; left:0; top:0; z-index:10; width:100%; height:100%; object-fit:cover;  }
.listpro li .pro-name{ height:40px; line-height:40px; background-color:#ffffff; text-align:center; overflow:hidden; font-size:18px;}
.listpro li:hover .pro-img{ border:1px solid #EC7210; }
.listpro li:hover .pro-img img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
.listpro li:hover .pro-name{ background-color:#EC7210; color:#ffffff;}
@media screen and (max-width:800px){
	.listpro li{ float:left; display:block; width:48%; margin-right:4%; margin-bottom:20px;}
	.listpro li:nth-of-type(3n+3){ margin-right:4%;}
	.listpro li:nth-of-type(2n+2){ margin-right:0;}
}
@media screen and (max-width:640px){
	.listpro li .pro-name{ font-size:16px;}
}
@media screen and (max-width:480px){
	.listpro li{ float:left; display:block; width:100%; margin-right:0; margin-bottom:20px;}
	.listpro li:nth-of-type(3n+3){ margin-right:0;}
	.listpro li:nth-of-type(2n+2){ margin-right:0;}
}
/*--------------------------------*/

/*在线留言------------*/
.ly-box{ width:800px; margin:0 auto;}
.ly-box .ly-info h3{ margin-bottom:10px;}
.ly-box .ly-info p{ font-size:16px; color:#666666; margin-bottom:40px;}
.ly-item li{ padding:20px 0; display:block;}
.ly-item li em{ display:inline-block; font-style:normal; width:15%; text-align:left;}
.ly-item li em span{ color:#ff0000;}
.ly-item .input1{ display:inline-block; padding:6px 15px; border:1px solid #ddd; width:calc(85% - 40px); border-radius:2px;}
.ly-item .text1{ display:inline-block; padding:6px 15px; border:1px solid #ddd; width:calc(85% - 40px); height:150px; line-height:25px; overflow-y:scroll; border-radius:2px;}
.ly-box .input2{ width:200px; margin-left:calc(50% - 100px); height:50px; line-height:50px; margin-top:30px; border:none; cursor:pointer; background-color:#666; color:#ffffff; text-align:center; border-radius:5px;}
@media screen and (max-width:800px){
	.ly-box{ width:100%; margin:0 auto;}
}
@media screen and (max-width:640px){
	.ly-item li em{width:20%; }
	.ly-item .input1{ width:calc(80% - 40px);}
	.ly-item .text1{ width:calc(80% - 40px); }
}
@media screen and (max-width:500px){
	.ly-item li em{width:100%; margin-bottom:8px; }
	.ly-item .input1{ width:calc(100% - 40px);}
	.ly-item .text1{ width:calc(100% - 40px);}	
}


/*分页*/

.fybox span{ display:inline-block; padding:10px 16px;}
.fenye_page_btn_group{display:inline-block;}
.fenye_page_btn{
	display:inline-block;
	padding: 10px 16px;
	color: #606266;
    font-size: 14px;
    background: #f9f9f9;
	margin: 2px;
}
.fenye_page_btn_xz{
	display:inline-block;
	padding: 10px 16px;
	color: #ffffff;
    font-size: 14px;
    background: #EC7210;
	margin:2px;
	
}