@charset "utf-8";
/* CSS Document */
*::selection{background:#387099; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
html, body{height:100%;}
body{font-size:14px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#f4f8fb; min-width:1260px;_width:1260px; position:relative;}
a{text-decoration:none; -webkit-transition:all 0.3s; transition:all 0.3s; color:#000;}
a:hover{color:#ddbd8a;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0; vertical-align:top; max-width:100%;}
ul,li{list-style-type:none;}
.clear{clear:both; height:0;}
table,table td{border-collapse:collapse;}
.overHidden{overflow:hidden; position:fixed;}

.animate{-webkit-transition:all 0.3s; transition:all 0.3s;}
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.clamp{display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden;}
.clamp1{-webkit-line-clamp:1;}
.clamp2{-webkit-line-clamp:2;}
.clamp3{-webkit-line-clamp:3;}
.clamp4{-webkit-line-clamp:4;}
.clamp5{-webkit-line-clamp:5;}
.clamp6{-webkit-line-clamp:6;}
.justify{text-justify:inter-ideograph; text-align:justify;}
.bgPic{display:block; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all 0.6s; transition:all 0.6s;}
a:hover .bgPic{-webkit-transform:scale(1.05); transform:scale(1.05);}

/* flex布局 */
.flexColumn{display:flex; flex-direction:column; align-items:center; justify-content:center;}
.flexRow{display:flex; flex-direction:row; align-items:center; justify-content:center;}
.flex{flex:1;}

/* ie9以下警告 */
.pageTips{position:fixed; z-index:10000; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9);}
.pageTips .container2{color:#fff; position:absolute; left:50%; top:50%; width:630px; margin-left:-315px; margin-top:-160px;}
.pageTips .container2 a.close{display:none; width:50px; height:50px; position:absolute; z-index:1; left:auto; right:-15px; top:40px; bottom:auto; background:url(../images/close.png) no-repeat center center;}
.pageTips .container2 .img{text-align:center;}
.pageTips .container2 .msg{font-size:18px; line-height:36px; padding-top:30px;}
.pageTips .container2 a{color:#fff; text-decoration:underline;}
.boxShadow{box-shadow:0 0 10px -2px rgba(158,158,158,0.2);}


.section{width:100%; height:100%;}
.section .swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden; position:relative;}
.section1{background-image:url(../images/bg1.jpg);}
.section1:after{display:block; position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:0;}
.section2{background-image:url(../images/bg2.jpg);}
.section3{background-image:url(../images/bg3.jpg);}
.section4{background-image:url(../images/bg4.jpg); background-position:top center;}
.section5{background-image:url(../images/bg5.jpg);}
.section6{background-image:url(../images/bg6.jpg);}
.section .swiper-pagination-bullets{right:30px !important; font-size:0;}
.section .swiper-pagination-bullet{width:40px !important; height:21px !important; display:block !important; background:none; opacity:1; margin:10 0 !important; -webkit-transition:all 0.3s; transition:all 0.3s; position:relative; cursor:pointer;}
.section .swiper-pagination-bullet:after{display:block; content:""; width:20px; height:1px; background:#b89342; position:absolute; right:0; top:10px; -webkit-transition:all 0.3s; transition:all 0.3s;}
.section .swiper-pagination-bullet-active{opacity:1; background:none;}
.section .swiper-pagination-bullet-active:after{width:40px;}

.container{min-width:1260px;_width:1260px; margin:0 auto;}
@media screen and (min-width:1920px){
	.bgCover{background-size:cover !important;}	
}

.w1260{width:1260px; margin:0 auto;}
.w1260:after{display:block; content:""; clear:both;}

.head{height:90px;}
.indHead{height:auto;}
.headFix{position:fixed; left:0; top:0; z-index:100; width:100%; height:90px; background:rgba(255,255,255,0.8);}
.headFix:hover{-webkit-transition:all 0.3s; transition:all 0.3s; background:rgba(255,255,255,0.95);}
.logo{height:90px; display:flex; align-items:center;}
.logo img{height:50px;}

.headBtn{display:none;}

/* 菜单 */
.menuWrap{height:90px;}
#menu{height:90px; text-align:center; float:right; margin-right:-30px;}
#menu li{position:relative; text-align:center;}
#menu>li{float:left;}
#menu>li>a{display:block; height:90px; line-height:90px; font-size:18px; padding:0 18px; position:relative;}
#menu>li>a:after{display:block; content:""; width:0; height:4px; background:#c5932a; position:absolute; left:50%; bottom:0; transform:translateX(-50%); -webkit-transition:all 0.3s; transition:all 0.3s;}

/*这是第二级菜单*/
#menu ul{width:100%; background-color:#fff; position:absolute; z-index:999; left:0; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; margin:20px 0 0 0; opacity:0; visibility:hidden;}
#menu ul li{margin-left:0; width:100%;}
#menu ul li a{display:block; padding:10px; line-height:24px; font-size:16px; color:#333;}

/**若子级菜单含有子级时，在a标签增加<i>标签作为箭头，由js实现动态增加，箭头大小调节i的边框宽度*/
#menu ul i{display:block; position:absolute; *top:10px; top:calc(50% - 4px); right:2px; z-index:10; width:0; height:0; border-color:transparent; border-width:4px; border-style:solid; border-left:4px #fff solid; -webkit-transition:all 0.4s; transition:all 0.4s;}

/*这是第三级菜单 及以后*/
#menu ul ul{top:0; left:100%; width:100%; border-left:2px solid #c8952b; margin:0 0 0 20px;}
#menu ul ul li a{font-size:14px;}

#menu>li:nth-of-type(3) ul{width:calc(100% + 40px); left:-20px;}

#menu>li:hover>a{color:#c8952b;}
#menu>li:hover>a:after{width:80px;}
#menu ul li:hover > a{color:#c8952b; background:#fff;}
#menu ul li:hover > a:hover{color:#fff; background:#c8952b;}
#menu li:hover > ul{opacity:1; visibility:visible; margin:0; box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);}


.bannerTxt{width:100%; text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2;}

.scrollTip{width:100px; text-align:center; position:absolute; z-index:5; bottom:20px; left:50%; transform:translateX(-50%);}
.scrollTip label{display:block; color:#b89342; text-transform:uppercase;}
.tipLine{display:inline-block; margin:15px 0; height:30px;}
.tipLine span{display:inline-block; width:1px; height:100%; background:#b89342; animation:scrollTip 2s infinite cubic-bezier(0.82,0.24,0.25,1);}
@keyframes scrollTip {
	0%{transform:scale(1, 0); transform-origin:top;}
	49%{transform:scale(1, 1); transform-origin:top;}
	51%{transform:scale(1, 1); transform-origin:bottom;}
	100%{transform:scale(1, 0); transform-origin:bottom;}
}

.videoBox{width:100%; height:100vh; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.videoBox video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; z-index:-999; background-size:cover; object-fit:cover;}
.videoBox video source{width:100%; height:100vh; display:block;}

.w1260{width:1260px; margin:0 auto;}

.indH{position:relative;}
.indH h3{line-height:52px; font-style:italic; font-size:32px; color:#daa520;}
.indH p{line-height:28px; font-size:22px; font-style:italic; text-transform:uppercase; color:#696969;}
.indH p span{color:#daa520;}
.indH a{display:block; width:90px; height:36px; line-height:36px; text-align:center; color:#fff; background:#c7942a; position:absolute; right:0; bottom:0;}

.more{line-height:20px;}
.more a{display:inline-block; vertical-align:top; margin-left:60px; position:relative; line-height:20px; color:#daa520;}
.more a:before{display:block; content:""; width:24px; height:1px; background:#daa520; position:absolute; left:-60px; top:50%; transform:translateY(-50%); -webkit-transition:all 0.3s; transition:all 0.3s;}
.more a:hover:before{width:48px;}

.about{padding-left:680px;}
.about .indH{padding-bottom:16px; position:relative;}
.about .indH:after{display:block; content:""; width:60px; height:4px; background:#bb9957; position:absolute; left:0; bottom:0;}
.about .more{padding-top:30px;}
.aboutTxt{padding:24px 0 16px; line-height:1.8; color:#d3d3d3;}
.aboutNav{display:flex;}
.aboutNav p{width:110px; padding-right:50px;}
.aboutNav p a{display:block; height:74px; padding:16px 2px; border:#c7942a 1px solid; background:rgba(255,255,255,0.05); border-radius:8px; text-align:center; color:#c7942a;}
.aboutNav p a .iconfont{display:block; line-height:38px; font-size:38px; vertical-align:top;}
.aboutNav p a span{display:block; line-height:24px; font-size:16px; color:#daa520; padding-top:12px;}


.product{width:700px;}
.product .indH h3{color:#000;}
.product .indH p span{color:#b0893b;}
.product ul{padding-top:20px; font-size:0;}
.product ul li{display:inline-block; vertical-align:top; width:90px; padding:20px 50px 0 0; text-align:center;}
.product ul li .iconfont{display:block; width:56px; height:56px; line-height:56px; border:#c9c9c9 2px solid; border-radius:5px; margin:0 10px; font-size:40px;}
.product ul li p{line-height:22px; padding-top:14px; font-size:16px;}
.product ul li a{color:#c9c9c9;}
.product ul li a:hover{color:#c7942a;}


.case .indH h3, .case .indH p{color:#fff;}
.case ul{font-size:0; padding-top:30px;}
.case ul li{display:inline-block; vertical-align:top; width:185px; padding-right:30px;}
.case ul li:last-of-type{padding-right:0;}
.case ul li a{display:block; background:#fff; text-align:center; padding:20px 20px 30px;}
.case ul li a .iconfont{display:block; height:80px; line-height:80px; font-size:50px; -webkit-transition:all 0.3s; transition:all 0.3s; color:#ff9410;}
.case ul li a p{height:24px; line-height:24px; padding-top:12px; font-size:18px; font-weight:bold;}
.case ul li a:hover{color:#fff; background:rgba(255,148,16,0.57);}
.case ul li a:hover .iconfont{color:#fff;}


.news .indH h3, .news .indH p{color:#fff;}
.newsTab{padding-top:30px;}
.newsTab p{height:50px; line-height:50px; text-align:center; cursor:pointer; background:#666; color:#b4b4b4; font-size:16px;}
.newsTab p.current{background:#c9952b; color:#fff;}
.newsCon{padding:30px 20px 30px 40px; background:rgba(0,0,0,0.4); height:180px;}
.newsCon ul{font-size:0;}
.newsCon ul li{display:inline-block; vertical-align:top; width:calc(33.3333% - 20px); height:70px; padding:10px 20px 10px 0;}
.newsCon ul li:nth-of-type{padding-right:0;}
.newsCon ul li a{height:50px; padding:10px 15px; font-size:14px; position:relative; color:#fff;}
.newsCon ul li a:before{display:block; content:""; width:0; height:100%; background:#d6b163; position:absolute; left:0; top:0; z-index:0; -webkit-transition:all 0.3s; transition:all 0.3s;}
.newsCon ul li a p{position:relative; z-index:1; height:44px; line-height:22px; text-align:right; padding:3px 0;}
.newsCon ul li a p span{display:block; height:22px;}
.newsCon ul li a h3{max-height:50px; line-height:25px; padding-left:20px; font-size:16px; font-weight:normal; position:relative; z-index:1;}
.newsCon ul li a:hover:before{width:100%;}


.contact{padding-left:580px;}
.contact .indH h3, .contact .indH p{color:#fff;}
.contact ul{padding-top:10px;}
.contact ul li{padding-top:20px; justify-content:flex-start; color:#fff;}
.contact ul li .iconfont{font-size:48px; line-height:48px;}
.contact ul li p{line-height:28px; padding-left:20px;}
.contact ul li p strong{display:block; line-height:28px; font-size:18px;}


.nyBanner{height:300px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.nyBanner h3{line-height:56px; text-align:center; font-size:36px; font-weight:normal; color:#fff;}
.nyBanner p{line-height:28px; text-align:center; font-size:18px; text-transform:uppercase; color:#fff;}


.subMenu{height:80px; line-height:80px; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.2);}
.subMenu .swiper-slide{display:inline-block; vertical-align:top; width:auto !important; height:80px;}
.subMenu .swiper-slide a{display:block; margin-right:61px; position:relative; font-size:15px;}
.subMenu .swiper-slide a:before{display:block; content:""; width:0; height:3px; background:#c8952b; position:absolute; left:50%; bottom:0; transform:translateX(-50%); -webkit-transition:all 0.3s; transition:all 0.3s;}
.subMenu .swiper-slide a.current{color:#c8952b;}
.subMenu .swiper-slide a.current:before{width:100%;}
.subMenu .swiper-slide a:after{display:block; content:""; width:1px; height:15px; background:#ccc; position:absolute; right:-30px; top:50%; transform:translateY(-50%);}
.subMenu .swiper-slide:last-of-type a:after{display:none;}


.article{padding:30px 0;}
.articleTitle{line-height:30px; font-size:20px; font-weight:bold; text-align:center;}
.articleInfo{margin:10px auto; height:30px; line-height:30px; background:#f2f2f2; color:#999; text-align:center;}
.articleInfo span{padding-left:20px;}
.articleInfo span i{font-style:normal;}
.articleImg{width:100%; padding:20px 0 10px; text-align:center;}
.articleImg img{max-width:600px; vertical-align:top;}
.articleCon{line-height:30px;}
.articleCon img{max-width:100%; vertical-align:top;}


.family{background:#fff; padding:30px 0;}
.family .w1260{position:relative;}
.family .swiper-container{position:relative; margin-top:30px;}
.family .swiper-slide{display:block; width:291px;}
.family .swiper-slide a{display:block; padding:10px 10px 0; background:#f0f0f0;}
.family .swiper-slide a p{height:194px; overflow:hidden;}
.family .swiper-slide a h3{height:48px; line-height:48px; text-align:center; font-size:15px; font-weight:normal;}
.family .swiper-slide a:hover{color:#d50a1d;}
.family .swiper-button-prev, .family .swiper-button-next{transform:translateY(calc(-50% + 30px)); margin:0;}
.family .swiper-button-prev{left:-36px;}
.family .swiper-button-next{right:-36px;}
.family .swiper-button-prev:after, .family .swiper-button-next:after{font-size:36px; color:#e5e5e5;}
.family .swiper-button-prev:hover:after, .family .swiper-button-next:hover:after{color:#1890ff;}
.family .swiper-pagination{display:none;}


.footCon{background:#272727; padding:30px 0;}
.footCon .w1260{display:flex;}
.footNav{display:flex; color:#fff;}
.footNav dl{padding-right:80px; color:#fff;}
.footNav dd{padding-bottom:10px; font-weight:bold; line-height:30px;}
.footNav dt{line-height:32px; font-size:14px; white-space:nowrap;}
.footNav dt a{color:#fff; position:relative; display:inline-block; vertical-align:top; line-height:32px;}
.footNav dt a:after{display:block; content:""; width:0; height:1px; background:#fff; position:absolute; left:0; bottom:4px; -webkit-transition:all 0.3s; transition:all 0.3s;}
.footNav dt a:hover:after{width:100%;}


.ewm{width:160px; text-align:center; padding-left:80px;}
.ewm img{width:150px; height:150px;}
.ewm p{line-height:30px; font-size:14px; color:#aaa;}


.copy{background:#111; color:#d3d3d3; text-align:center; font-size:14px; line-height:30px; padding:15px 0;}
.copy a{color:#d3d3d3;}
.copy a:hover{color:#fff;}
.copy span{padding-left:1em;}


.picList{padding-bottom:30px;}
.picList ul{font-size:0;}
.picList ul li{display:inline-block; vertical-align:top; width:400px; padding:30px 30px 0 0;}
.picList ul li:nth-of-type(3n){padding-right:0;}
.picList ul li a{background:#fff; display:block;}
.picList ul li a p{height:378px; overflow:hidden; padding:10px; border:#dbdbdb 1px solid; border-bottom:0; -webkit-transition:all 0.3s; transition:all 0.3s;}
.picList ul li a p i{background-size:contain;}
.picList ul li a h3{height:40px; line-height:40px; text-align:center; background:#4074ba; font-size:16px; font-weight:normal; color:#fff; padding:0 10px;}
.picList ul li a:hover p{border-color:#4074ba;}


.list01{padding-bottom:30px;}
.list01 ul{font-size:0;}
.list01 ul li{display:inline-block; vertical-align:top; width:400px; padding:30px 30px 0 0;}
.list01 ul li:nth-of-type(3n){padding-right:0;}
.list01 ul li a{background:#fff; display:block;}
.list01 ul li a .pic{height:240px; overflow:hidden; position:relative;}
.list01 ul li a .pic:after{display:block; content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:rgba(0,0,0,0.6); -webkit-transition:all 0.5s; transition:all 0.5s; opacity:0;}
.list01 ul li a .pic h3{width:calc(100% - 20px); padding:0 10px; height:40px; line-height:40px; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#fff; text-align:center; font-size:16px; font-weight:normal; opacity:0; -webkit-transition:all 0.5s; transition:all 0.5s; z-index:2;}
.list01 ul li a .pic h3:before, .list01 ul li a .pic h3:after{display:block; content:""; width:60%; height:1px; background:#fff; position:absolute; left:50%; transform:translateX(-50%); -webkit-transition:all 0.5s; transition:all 0.5s;}
.list01 ul li a .pic h3:before{top:0;}
.list01 ul li a .pic h3:after{bottom:0;}
.list01 ul li a .txt{padding:10px 20px; border:#dbdbdb 1px solid; border-top:0;}
.list01 ul li a .txt h3, .list01 ul li a .txt p{height:40px; line-height:40px; text-align:center; font-size:16px; font-weight:normal; color:#333;}
.list01 ul li a .txt p{font-size:14px; color:#999; position:relative; text-align:left; border-top:#dbdbdb 1px solid;}
.list01 ul li a .txt p:after{display:block; content:"→"; height:30px; font-size:24px; position:absolute; right:0; top:0;}
.list01 ul li a:hover .pic:after, .list01 ul li a:hover .pic h3{opacity:1;}
.list01 ul li a:hover .pic h3:before, .list01 ul li a:hover .pic h3:after{width:16px;}


.page{text-align:center; padding-top:20px; line-height:30px;}
.page a, .page span{display:inline-block; margin:0 10px; padding:0 20px; height:30px; border:#ddd 1px solid; line-height:30px; background:#fff;}
.page a.noneBtn{color:#ddd; cursor:default;}


.web{display:block;}
.wap{display:none;}


/* 960屏宽样式 */
@media screen and (max-width:960px){
	body{min-width:100%;_width:100%;}
	*:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);}

	.web{display:none;}
	.wap{display:block;}
	
	.section .swiper-pagination-bullets{right:10px !important;}
	.section .swiper-pagination-bullet{width:10px !important; height:10px !important; display:block !important; background:rgba(0,0,0,0.3); margin:10px 0 !important;}
	.section .swiper-pagination-bullet:after{display:none;}
	.section .swiper-pagination-bullet-active{opacity:1; background:#b89342;}

	
	.container{min-width:100%;_width:100%;}
	.w1260{width:auto; padding:0;}
	
	.head{height:54px;}
	.indHead{height:auto;}
	.headFix{height:54px; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.2);}
	.logo{height:54px;}
	.logo img{height:30px; padding:0 15px;}
	
	.headBtn{display:block; height:54px; float:right;}
	.headBtn a{display:block; width:54px; height:54px; background-repeat:no-repeat; background-position:center center; background-size:cover; float:left;}
	#menuBtn{background-image:url(../images/menuBtn.png);}
	
	
	/* 导航菜单 */
	.menuWrap{background:#fff; left:-1000px; position:fixed; top:0; width:68%; height:100%; min-width:140px; max-width:440px; z-index:2000; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; overflow:auto;}
	.menuWrap.menu-open{left:0;}
	.menu-dark-backdrop{background:rgba(0,0,0,0); transition:all 0.4s ease; -webkit-transition:all 0.4s ease; width:100%; position:fixed; top:0; left:0; right:0; overflow:hidden;}
	.menu-dark-backdrop.in{height:100%; z-index:1800; background:rgba(0,0,0,0.5);}
	.menuWrap .menu{height:auto; background:none; padding:0;}
	.menu a{display:block; padding:0 40px 0 15px; position:relative;}
	.menu a:after{display:none !important;}
	.menu a:before{display:block; content:""; width:20px; height:20px; background-repeat:no-repeat; background-position:center center; background-size:14px 14px; position:absolute; right:15px; top:50%; margin-top:-10px; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
	#menu{width:auto; height:auto; padding:10px 0; border-radius:8px; float:none; margin:0;}
	#menu li .inactive:before{background-image:url(../images/off.png);}
	#menu li .inactives:before{background-image:url(../images/on.png);}
	#menu li{text-align:left;}
	#menu > li{width:auto; height:auto; background:none; float:none; padding:0;}
	#menu > li > a{height:auto; height:40px; line-height:40px; padding:0 40px 0 15px;}
	#menu > li > a{color:#333;}
	
	/*这是第二级菜单*/
	#menu ul{background:none; position:static; display:none; margin:0; opacity:1; visibility:visible; padding-left:15px;}
	#menu ul li a{padding:10px 40px 10px 15px!important; line-height:20px !important;}
	
	/**若子级菜单含有子级时，在a标签增加<i>标签作为箭头，由js实现动态增加，箭头大小调节i的边框宽度*/
	#menu ul i{display:none;}
	
	/*这是第三级菜单 及以后*/
	#menu ul ul{border-left:none;}
	#menu a.current, #menu li:hover > a, #menu li:hover > a:hover{color:#448ef6;}
	#menu li:hover > ul{box-shadow:none;}
	
	
	.bannerTxt{transform:none; top:30%;}
	.bannerTxt img{width:70%;}
	
	.scrollTip{bottom:10px;}
	.tipLine{margin:10px 0; height:20px;}


	.indH h3{line-height:48px; font-size:28px;}
	.indH p{line-height:24px; font-size:18px;}
	.indH a{width:80px; height:30px; line-height:30px; font-size:14px;}
	
	
	.about{padding:0 30px;}
	.about .more{padding-top:20px;}
	.aboutTxt{padding:20px 0 0; line-height:1.6;}
	.aboutNav{display:block; font-size:0; margin:0 -10px;}
	.aboutNav p{display:inline-block; vertical-align:top; width:calc(50% - 20px); padding:20px 10px 0;}
	.aboutNav p a{height:auto; padding:10px 2px; background:rgba(255,255,255,0.6);}
	.aboutNav p a .iconfont{line-height:30px; font-size:28px;}
	.aboutNav p a span{padding-top:5px;}
	
	
	.product{width:auto; padding:0 15px;}
	.product ul{padding-top:10; margin:0 -10px;}
	.product ul li{width:calc(25% - 20px); padding:20px 10px 0;}
	.product ul li .iconfont{width:40px; height:40px; line-height:40px; border:#c9c9c9 1px solid; margin:0 auto; font-size:32px;}
	.product ul li p{line-height:20px; padding-top:10px; font-size:14px;}
	
	
	.case{padding:0 15px;}
	.case ul{padding-top:0; margin:0 -10px;}
	.case ul li{width:calc(50% - 20px); padding:20px 10px 0;}
	.case ul li:last-of-type{padding-right:10px;}
	.case ul li a{padding:10px 10px 15px;}
	.case ul li a .iconfont{height:60px; line-height:60px; font-size:40px;}
	.case ul li a p{height:20px; line-height:20px; padding-top:6px; font-size:14px; font-weight:normal;}
	
	
	.news{padding:0 15px;}
	.newsTab{padding-top:10px;}
	.newsTab p{height:40px; line-height:40px;}
	.newsCon{padding:5px 15px 15px; height:auto;}
	.newsCon ul li{display:block; width:auto; height:60px; padding:10px 0 0;}
	.newsCon ul li a{height:50px; padding:5px 10px;}
	.newsCon ul li a:before{display:block; content:""; width:0; height:100%; background:#d6b163; position:absolute; left:0; top:0; z-index:0; -webkit-transition:all 0.3s; transition:all 0.3s;}
	.newsCon ul li a p{position:relative; z-index:1; height:44px; line-height:22px; text-align:right; padding:3px 0;}
	.newsCon ul li a p span{display:block; height:22px;}
	.newsCon ul li a h3{max-height:50px; line-height:25px; padding-left:20px; font-size:16px; font-weight:normal; position:relative; z-index:1;}
	.newsCon ul li a:hover:before{width:100%;}
	
	
	.contact{padding:0 30px;}
	
	
	.nyBanner{height:200px;}
	.nyBanner h3{line-height:48px; font-size:28px;}
	.nyBanner p{line-height:24px; font-size:16px;}
	
	
	.subMenu{height:50px; line-height:50px; padding:0 15px;}
	.subMenu .swiper-slide{height:50px;}
	.subMenu .swiper-slide a{margin-right:31px; font-size:14px;}
	.subMenu .swiper-slide a:after{right:-15px;}
	
	
	.article{padding:15px;}
	.articleImg img{max-width:100%;}
	
	
	.family{padding:15px 15px 25px;}
	.family .swiper-container{margin-top:20px; padding-bottom:30px;}
	.family .swiper-slide{width:auto;}
	.family .swiper-slide a p{height:0; padding-top:72%; position:relative;}
	.family .swiper-slide a p i{width:100%; height:100%; position:absolute; left:0; top:0;}
	.family .swiper-slide a h3{height:40px; line-height:40px; font-size:16px;}
	.family .swiper-button-prev, .family .swiper-button-next{display:none !important;}
	.family .swiper-pagination{display:block; bottom:0; height:10px;}
	.family .swiper-pagination-bullet{width:10px; height:10px; display:inline-block; border-radius:10px; background:#ddd; opacity:1; vertical-align:top; margin:0 5px !important;}
	.family .swiper-pagination-bullet-active{opacity:1; background:#c8952b;}
	
	
	.footCon{display:none;}
	
	.copy{font-size:12px; line-height:20px; padding:15px;}
	.copy span{padding-left:0; display:block;}
	
	
	.picList{padding:0 15px 20px;}
	.picList ul{margin:0 -15px;}
	.picList ul li{width:calc(50% - 30px); padding:20px 15px 0;}
	.picList ul li:nth-of-type(3n){padding-right:15px;}
	.picList ul li a p{height:0; overflow:hidden; padding:100% 0 0; position:relative;}
	.picList ul li a p i{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:calc(100% - 10px); height:calc(100% - 10px);}
	
	
	.list01{padding:0 15px 30px;}
	.list01 ul li{display:block; width:auto; padding:20px 0 0;}
	.list01 ul li a .pic{height:0; padding-top:60%;}
	.list01 ul li a .pic p{width:100%; height:100%; position:absolute; left:0; top:0;}
}