/* CSS Document */

/*====section====*/
.section{ background-size:cover !important; height:100vh; box-sizing:border-box;}
.section01{ background:url(../image/bg1.jpg) center no-repeat;}
.section02{ background:url(../image/bg2.jpg) center no-repeat;}
.section03{ background:url(../image/bg3.jpg) center no-repeat;}
.section04{ background:url(../image/bg4.jpg) center no-repeat;}
.section05{ background:url(../image/bg5.jpg) center no-repeat;}
.section06{ background:url(../image/bg6.jpg) center no-repeat;}
.section07{ background:url(../image/bg7.jpg) center no-repeat;}

.section .container{ width:70.625vw; min-width:1200px; margin:0 auto; box-sizing:border-box;}
.section .wrapper{ padding:70px 0 0;}
.section .wrapper_title{ font-size:18px; text-align:center;}
.section .wrapper_title h2{ display:block; line-height:1; color:#333; font-size:1.8888em; font-weight:normal;}
.section .wrapper_title span{ display:block; line-height:1; color:#999; text-transform:uppercase; padding:0.75em 0 0;}

/*ibanner-首页大图*/
.wrapper.slider_wrapper{ padding-top:0 !important;}
.ibanner{ height:100%; position:relative;}
.ibanner .swiper-slide{ display:block; height:100%; background:#fff center no-repeat; background-size:cover !important; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ height:100vh; background-size:cover !important; overflow:hidden; position:relative;}
.ibanner .swiper-pagination{ display:block; height:10px; bottom:4%;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; background:#fff; border-radius:5px; opacity:0.6; margin:0 6px !important; vertical-align:top;}
.ibanner .swiper-pagination-bullet-active{ opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ width:2%; height:128px; background-size:contain !important; margin-top:-64px;}
.ibanner .swiper-button-prev{ background:url(https://www.zhanyaotz.com/static/addons/cms/images/icons/prev.png) center no-repeat; left:2%;}
.ibanner .swiper-button-next{ background:url(https://www.zhanyaotz.com/static/addons/cms/images/icons/next.png) center no-repeat; right:2%;}

/*product-产品展示*/
.product{ overflow:hidden;}
.pro_nav{ overflow:hidden; text-align:center; padding:50px 0 0;}
.pro_nav li{ display:inline-block; vertical-align:top; margin:0 3px;}
.pro_nav li a{ display:block; min-width:6em; line-height:2.25; color:#333; font-size:16px; background:#ccc; padding:0 1.5em; border-radius:1.125em;}
.pro_nav li.nav_current a{ background:#d82d46; color:#fff;}
.pro_down{ margin-top:24px;}
.pro_down ul.product{ display:none; height:calc(26.25vw + 48px); height:calc(22vw + 48px); overflow:hidden; margin:0 -12px;}
.pro_down ul.product li{ display:block; width:25%; float:left;}
.pro_down ul.product a{ display:block; overflow:hidden; position:relative; margin:24px 12px 0;}
.pro_down ul.product a img{ display:block; width:100%; height:13.125vw; height:11vw; object-fit:cover; transition:all .5s ease;}
.pro_down ul.product a span{ display:block; width:100%; line-height:2.75; color:#fff; font-size:16px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:rgba(0,0,0,0.67); position:absolute; left:0; bottom:0; transition:all .5s ease;}

/*case-工程案例*/
.case{ overflow:hidden;}
.case_title{ max-width:100%; float:left; padding:66px 0 0; margin-right:12.52%;}
.case_title img{ display:block; max-width:100%;}
.case_title a.more{ display:block; width:12.666em; line-height:2.6; color:#fff; font-size:15px; text-align:center; background:#d82d46; border-radius:6px; margin-top:3.6em;}
.case_right{ padding:10px; background:rgba(255,255,255,0.3); border-radius:5px; overflow:hidden; box-sizing:border-box; position:relative;}
.case_right li{ float:left; width:50%;}
.case_right li a.media{ display:block; margin:10px;}
.case_right li a.media p{ width:100%; line-height:2.75; color:#fff; font-size:15px; text-align:center; background:rgba(34,34,34,0.7); position:absolute; left:0; bottom:0;}

/*video-视频专区*/
.section03 .fp-tableCell{ height:100vh; box-sizing:border-box; padding-top:102px; display:flex; flex-direction:column;}
.section03 a.ads{ display:block; width:100%;}
.section03 a.ads img{ display:block; width:100%;}
.section03 .wrapper{ padding:0 0 5vh; box-sizing:border-box; flex:auto; display:flex; flex-direction:column; justify-content:center;}
.video{ width:100%; margin-top:50px;}
ul.video_box{ margin:0 -14px;}
ul.video_box::before,
ul.video_box::after{ content:''; display:block; overflow:hidden; clear:both;}
ul.video_box li{ width:25%; float:left;}
ul.video_box li a{ display:block; background:#fff; overflow:hidden; padding:6px 6px 6px; transition:all ease 0.5s; margin:0 14px; box-shadow:-1px 3px 6px 1px rgba(0,0,0,0.14);}
ul.video_box li em{ display:block; overflow:hidden; position:relative;}
ul.video_box li em::before{ content:''; display:block; width:100%; height:100%; background:url(../image/video.png) center no-repeat; background-size:auto 30%; position:absolute; left:0; top:0; z-index:5;}
ul.video_box li em img{ display:block; width:100%; transition:all ease 0.5s;}
ul.video_box li span{ display:block; line-height:3.2; color:#333; font-size:20px; padding:0 0.8em; background:url(../image/view.png) right 10px bottom 6px no-repeat; margin:6px 0 0; transition:all ease 0.5s;}

/*about-关于展耀*/
.section04 .wrapper_title h2,
.section04 .wrapper_title span{ color:#fff;}
.about{ margin-top:60px;}
.about ul{ display:block; position:relative; margin:0 -14px;}
.about ul::before,
.about ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.about ul li{ display:block; width:25%; float:left;}
.about ul li a{ display:block; color:#0b3678; font-size:20px; padding:0.9em 0.4em; background:rgba(255,255,255,0.7); position:relative; margin:0 14px; transition:all 0.5s ease;}
.about ul li a img{ display:block; width:100%; height:auto;}
.about ul li a em{ display:block; line-height:2.75; font-size:0.65em; writing-mode:vertical-rl; text-transform:uppercase; padding:1em 0; position:absolute; left:0; top:0;}
/*
.about ul li a span{ display:block; line-height:1; text-align:right; padding-right:1.8em; background:url(../image/more.png) right center no-repeat; transform:rotate(90deg); transform-origin:right top; position:absolute; right:0.6em; bottom:0.5em; transition:background 0.5s ease;}
*/
.about ul li a span{ display:block; width:1em; line-height:1; text-align:center; padding-bottom:1.8em; background:url(../image/more.png) center bottom no-repeat; position:absolute; right:0.5em; bottom:1.25em; transition:background 0.5s ease;}

/*coop-合作伙伴*/
.section05 .wrapper_title h2{ color:#fff;}
.section05 .wrapper_title span{ color:#a0a0a0;}
.brand{ width:100%; margin:60px auto;}
.brand .container{ background:rgba(255,255,255,0.5); padding:48px 52px;}
.brand ul{ width:100%; overflow:hidden;}
.brand ul li{ float:left; padding:5px; width:16.66%; box-sizing:border-box;}
.brand ul li div{ width:100%; position:relative;}
.brand ul li div img{ display:block; width:100%;}
.brand ul li div a{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(11,54,120,0.95); transition:all ease .5s; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.brand ul li div a span{ display:block; box-sizing:border-box; width:100%; padding:0px 10px; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:15px; color:#FFFFFF; line-height:1.5; text-align:center;}
a.brand_more_btn{ display:block; width:11.6em; line-height:2.6; color:#fff; font-size:15px; text-align:center; background:#143980; border-radius:0.4em; margin:0 auto;}

/*news-公司动态*/
.news_box{ display:flex; flex-direction:row-reverse; padding:60px 0 0; align-items:center;}
.news_box::before,
.news_box::after{ content:''; display:block; overflow:hidden; clear:both;}
.news_nav{ font-size:16px; flex-shrink:0;}
.news_nav li{ width:2.625em; height:6.5em; color:#0b3678; overflow:hidden; background:rgba(255,255,255,0.64); border-radius:0 5px 5px 0; cursor:pointer; box-shadow:-1px 3px 2px 0.3px rgba(0,0,0,0.14); margin:10px 0; position:relative;}
.news_nav li a{ display:block; width:1em; line-height:1.1; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.news_nav li.nav_c{ color:#d82d46; background:#fff;}

.news_box .pro_down{ margin:0; flex:auto; display:flex;}
.news_box .pro_down::before,
.news_box .pro_down::after{ content:''; display:block; overflow:hidden; clear:both;}
.news_box .pro_down>div{ display:none;}
.news_box .pro_down>div:first-child{ display:block;}

.news_box .pro_down .box{ display:flex; height:100%;}
.news_box .topNews{ width:41%; background:#fff; overflow:hidden; padding:0 40px; border-radius:5px; margin-right:20px; flex-shrink:0; box-shadow:-1px 6px 6px 1px rgba(0,0,0,0.14);}
.news_box .topNews a.pic{ display:block; overflow:hidden; margin:0 -40px 38px;}
.news_box .topNews a.pic img{ display:block; width:100%; height:268px; object-fit:cover; transition:all ease 0.5s;}
.news_box .topNews span.time{ display:block; line-height:2.5; color:#0b3678; font-size:12px; text-align:center; padding-bottom:8em; float:left; margin-right:40px;}
.news_box .topNews span.time b{ display:block; line-height:1; color:#0b3678; font-size:3.8125em; padding:0 0 0.115em; border-bottom:1px solid #e6e6e6;}
.news_box .topNews a.title{ display:block; height:3.6em; height:1.8em; line-height:1.8; color:#333; font-size:18px; font-weight:bold;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	-webkit-line-clamp:1;
}
.news_box .topNews .txt{ height:3.5em; height:5.25em; line-height:1.75; color:#4c4c4c; font-size:12px; margin:1.75em 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	-webkit-line-clamp:3;
}
.news_box .topNews a.more{ display:block; line-height:1; color:#0b3678; font-size:32px; margin:0.5em 0 0; float:left; transform:translateX(-0.25em);}
.news_box .topNews a.more::before{ display:block; content:'＞';}

.news_box ul.list{ display:block; flex:auto; background:#fff; padding:1px 30px; border-radius:5px; box-shadow:-1px 6px 6px 1px rgba(0,0,0,0.14);}
.news_box ul.list li{ display:block; overflow:hidden; padding:24px 0; border-bottom:1px solid #ddd;}
.news_box ul.list li:nth-child(3){ border-bottom:0;}
.news_box ul.list li a.pic{ display:block; overflow:hidden; float:left; margin-right:20px;}
.news_box ul.list li a.pic img{ display:block; width:178px; height:122px; object-fit:cover; transition:all ease 0.5s;}
.news_box ul.list li a.title{ display:block; line-height:2.275; color:#333; font-size:18px; font-weight:bold;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.news_box ul.list li .txt{ height:3.5em; line-height:1.75; color:#9c9c9c; font-size:12px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.news_box ul.list li span{ display:block; line-height:3; color:#444; font-size:13px; padding-left:1.7em; margin-right:2em; float:left;}
.news_box ul.list li span.time{ background:url(../image/time.png) left center no-repeat;}
.news_box ul.list li span.liulan{ background:url(../image/eye.png) left center no-repeat;}

/*contact-联系我们*/
.section07 .wrapper_title h2,
.section07 .wrapper_title span{ color:#fff;}
.contact{ margin-top:60px;}
.contact_box{ padding:20px; background:rgba(194,194,194,0.42); display:flex;}
.map_box{ overflow:hidden; max-width:49%;}
.map_box img{ display:block; width:100%; height:100%; border-radius:16px; object-fit:cover;}
.contact_text{ flex:auto; padding-left:30px;}
.sm_logo{ padding:14px 0 0;}
.sm_logo img{ display:block; height:60px; margin:0 auto;}
.db_tel{ line-height:3.8; color:#fff; font-size:20px; text-align:center;}
.db_tel i{ margin:0 1.2em;}
.c_text{ line-height:1.72; color:#eee; font-size:14px; padding:1.286em 1em; border:1px solid #eee; border-width:1px 0;}
.erweima{ font-size:14px; overflow:hidden; padding:1.5em 0;}
.erweima_box{ width:25%; color:#eee; text-align:center; float:left;}
.erweima_box img{ display:block; height:7.4285em; border-radius:0.72em; margin:0 auto;}
.erweima_box span{ display:block; line-height:1; padding:0.72em 0 0;}

@media only screen and (min-width:1025px){
.pro_down ul.product a:hover img{ transform:scale(1.15);}
.pro_down ul.product a:hover span{ background:rgba(11,54,120,0.9);}

.case_title a.more:hover{ background-color:#e84058;}

.case_right li .media:hover p{ display:none;}

ul.video_box li a:hover{ background:#d82d46;}
ul.video_box li a:hover img{ transform:scale(1.15);}
ul.video_box li a:hover span{ color:#fff; background-image:url(../image/view_h.png);}

.about ul li a:hover{ color:#fff; background:rgba(11,54,120,0.7); transform:scale(1.05);}
.about ul li a:hover span{ background-image:url(../image/more_h.png);}

.brand ul li div:hover a{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
a.brand_more_btn:hover{ background:#d82d46;}

.news_box .topNews:hover a.pic img{ transform:scale(1.15);}
.news_box .topNews:hover a.title{ color:#d82d46;}
.news_box .topNews:hover a.more{ color:#d82d46;}
.news_box ul.list li:hover a.pic img{ transform:scale(1.15);}
.news_box ul.list li:hover a.title{ color:#d82d46;}
}

@media only screen and (max-width:768px){
.fullpage-wrapper,
.section,
.fp-tableCell{ height:auto !important;}
.section .wrapper{ padding:32px 0 32px;}
.section .container{ width:calc(100vw - 24px); min-width:0;}
.section .wrapper_title{ font-size:13px;}

.wrapper.slider_wrapper{ padding:60px 0 0 !important;}
.ibanner,
.ibanner .swiper-slide .box{ height:72vw;}

.pro_nav{ margin:0 -12px; padding:24px 0 0;}
.pro_nav li{ margin:0 3px 8px;}
.pro_nav li a{ font-size:13px; padding:0 1em;}

.pro_down{ margin-top:6px;}
.pro_down ul.product{ height:auto; margin:0 -5px;}
.pro_down ul.product li{ width:50%;}
.pro_down ul.product a{ margin:10px 5px 0;}
.pro_down ul.product a img{ height:auto;}
.pro_down ul.product a span{ font-size:14px; line-height:2.5;}

.case_title{ padding:0; margin:0; width:268px; float:none; overflow:hidden;}
.case_title a.more{ font-size:12px; margin:1em 0 2em;}
.case_right{ padding:5px;}
.case_right li a.media{ margin:5px; border-width:3px;}
.case_right li a.media p{ font-size:13px;}

.section03 .fp-tableCell{ padding-top:0;}
.section03 a.ads img{ min-height:18vw; object-fit:cover; object-position:left center;}
.video{ margin-top:20px;}
ul.video_box{ margin:0 -5px;}
ul.video_box li{ width:50%;}
ul.video_box li a{ margin:2px 5px 10px; padding:4px;}
ul.video_box li span{ line-height:2.5; font-size:14px; background-position:right 4px center;}

ul.video_box li{ width:50%;}

.about{ margin-top:30px;}
.about ul{ margin:0 -6px;}
.about ul li{ width:50%;}
.about ul li a{ font-size:12px; margin:0 6px 12px;}
.about ul li a span{ background-size:contain;}
.about ul li a em{ transform:scale(0.9); transform-origin:left top;}

.brand{ margin:30px auto;}
.brand .container{ padding:10px 10px;}
.brand ul li{ width:33.33%; padding:3px;}
a.brand_more_btn{ font-size:13px;}

.news_box{ flex-direction:column; padding:30px 0 20px;}
.news_nav{ width:96%; font-size:13px; flex:auto;}
.news_nav li{ width:24%; float:left; margin:0 0.5%; height:auto; text-align:center; border-radius:5px 5px 0 0;}
.news_nav li a{ width:auto; transform:none; position:static; line-height:2.5;}
.news_box .pro_down{ width:100%;}
.news_box .pro_down>div{ width:100%;}
.news_box .pro_down .box{ flex-direction:column; display:block;}
.news_box .topNews{ width:auto; margin:0; padding:0 16px; position:relative;}
.news_box .topNews a.pic{ margin:0 -16px 16px;}
.news_box .topNews a.pic img{ height:auto;}
.news_box .topNews span.time{ color:#fff; background:#0b3678; position:absolute; left:0; top:0; padding:10px 10px 2px;}
.news_box .topNews span.time b{ color:inherit; font-size:3em;}
.news_box .topNews a.title{ font-size:16px;}
.news_box .topNews .txt{ margin:1em 0 1.5em;}
.news_box .topNews a.more{ display:none;}
.news_box ul.list{ margin:12px 0 0; padding:0 12px;}
.news_box ul.list li{ padding:16px 0;}
.news_box ul.list li a.pic{ margin-right:16px;}
.news_box ul.list li a.pic img{ width:118px; height:80px;}
.news_box ul.list li a.title{ font-size:14px; -webkit-line-clamp:2; line-height:1.6; height:3.2em;}
.news_box ul.list li .txt{ display:none;}
.news_box ul.list li span.time{ margin-bottom:-3em;}
.news_box ul.list li span.liulan{ display:none;}

.contact{ margin-top:30px;}
.contact_box{ display:block; padding:10px;}
.map_box{ margin:0; max-width:none; width:auto;}
.map_box img{ border-radius:5px;}
.contact_text{ padding:12px 0 0;}
.db_tel{ font-size:16px; line-height:1.8; padding:1em 0;}
.db_tel i{ margin:0 3px; display:none;}
.db_tel span{ display:block;}
.c_text{ font-size:13px;}
.erweima{ padding-bottom:0;}
.erweima_box{ width:50%; padding-bottom:1em;}

#dowebok{ padding-bottom:52px;}

}