@charset "utf-8";
/*重置*/
body,h1,h2,h3,h4,h5,dl,dd,dt,p,ul,li,ol{ margin:0; padding:0;}
input,select,form,textarea,button,video{ border:none; margin:0;outline:none; padding:0; appearance:none;}
h1,h2,h3,h4,h5{ font-weight:normal;}
img{ border:none;}
a{ 
	text-decoration:none; outline:none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
body,button,input,select,textarea{ font: normal 12px/100% Helvetica, Arial, sans-serif; color: #fff;}
li{ list-style-type:none;}
body,html{ width:100%; height: 100%; -webkit-tap-highlight-color: transparent; background-color: #000;}

@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:100px;}}
@media screen and (min-width: 720px) {html{font-size:100px;}}
@media screen and (min-width: 760px) {html{font-size:100px;}}
@media screen and (min-width: 800px) {html{font-size:100px;}}
@media screen and (min-width: 960px) {html{font-size:100px;}}

/*头部*/
.top_bg{
	position: fixed;
	z-index: 999;
	top: 0; 
	left: 0;
	width: 94%;
	padding:.1rem 3%;
	background: #000;
}
.top_logo{
	width: 80%;
	height: 0.68rem;
	position: relative;
	margin:0 auto;
}
.top_logo img{
	display: block;
	max-width: 100%;
	max-height: 0.68rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}


/*清除浮动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}

/*menubox菜单*/
.menubox{ 
	background-color: #121212;
	position: relative;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
	padding:6px 0;
}
.menubox ul li{
	float: left;
	width: 25%;
	text-align: center;
}
.menubox ul li i{
	display: block;
	margin:1% auto;
	width: 0.38rem;
	height: 0.38rem;
}
.menubox ul li i img{
	display: none;
	margin:0 auto;
	width: 0.38rem;
}
.menubox ul li i img:first-child{
	display: block;
}
.menubox ul li span{
	display: block;
	font-size: .22rem;
	color: #aaaaaa;
	line-height: 150%;
}
.menubox ul li.cur span{
	color: #e23732;
}
.menubox dl{
	position: absolute;
	right: 0;
	width: 36%;
	background-color: #da251d;
	text-align: center;
	padding: 1% 0;
	border:rgba(255,245,128,.7) solid 1px;
	border-bottom: 0;
	display: none;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}
.menubox dl.mall{
	right: 20%;
}
.menubox dl dd{
	line-height: .68rem;
	border-top: rgba(255,245,128,.7) solid 1px;
}
.menubox dl dd:first-child{
	border:0;
}
.menubox dl a{
	display: block;
	color: #fff;
	font-size: .26rem;
}
.menubox dl a:active{
	color: #fff580;
}

/*contentbox*/
.contentbox{
	min-height: 110%;
	overflow: hidden;
	padding-top: .88rem;
}
.padding_03{
	padding:0 3%;
}
.marging_b03{
	margin-bottom: 5%;
}

/*banner*/
.banner{
	padding:0 2%;
}
.banner video{
	display: block; 
	width: 100%;
}

/*团队与设备*/
.sy_title{
	text-align: center;
	padding:10% 0 13%;
}
.sy_title span {
    text-transform: uppercase;
    font-family: arial;
    font-size:.3rem;
    font-weight: bold;
}
.sy_title i{display: block; height: .05rem; width:.7rem; margin:2% auto; background-color: #e23732;}
.sy_title h2{ font-weight: bold; font-size:.36rem; line-height: 110%;}

.team_pic{overflow: hidden;}
.team_pic .swiper-container{ display: inline-block; width:2.3rem; height: 2.02rem; margin-bottom: 3%;}
.team_pic .swiper-container.teampic02{ float: right; }
.team_pic .swiper-container.teampic03{ float: left; }
.team_pic .swiper-container.teampic04{ float: right; }
.team_pic .swiper-container.teampic05{ position: absolute; top:calc(50% - 5px); left:50%; 
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.boxBig{ width:2.3rem; height: 2.02rem; overflow: hidden;}
.boxF, .boxS, .boxT{border:#444 solid 2px; 
	-webkit-box-sizing:border-box; /* Safari */
	-moz-box-sizing:border-box; /* Firefox */ 
	-o-box-sizing:border-box;
	box-sizing:border-box; 
	
}
.boxF, .boxS, .boxT{
    width: 2.32rem;
    height: 2.02rem;
    overflow: hidden;
}
.boxF{
	border-left: 0; border-right:0; 
    transform: rotate(120deg);
    float: left;
    -ms-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -webkit-transform: rotate(120deg);
}
.boxS{
	border-left: 0; border-right:0;
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.boxT{
	border-left: 0; border-right:0;
    transform: rotate(-60deg);
    background: no-repeat 50% center;
    background-size: 125% auto;
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    visibility: visible;
}
.teampic01 .swiper-slide{ display: block; margin-bottom: 4%; }

/*工程案例*/
.sy_title01{ border-bottom: #444 solid 1px; margin-bottom: 5%; }
.sy_title01 h2{ color: #fff; font-size:.32rem;position: relative; display: inline-block;padding-bottom: 3%;}
.sy_title01 i{ position: absolute; left:0; bottom: -2px; width: 100%; height: 3px; background-color: #fff;}

.sy_case_box .sy_title{ padding-bottom: 10%; }

.sy_case_box .swiper-wrapper{ transition-timing-function: linear;}

.slidebox02{ margin-bottom: 7%; }
.slidebox02 .swiper-slide a{display: block; overflow: hidden; text-align: center; }
.casepic .swiper-slide a{ margin-bottom: 8%; }
.slidebox02 .swiper-slide a i{display: block; border:#444 solid 2px; background: #333; min-height: 1.8rem;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
}
.slidebox02 .swiper-slide a img{ width: 100%;display: block; }
.slidebox02 .swiper-slide p{color: #fff; font-size:.22rem; line-height: 150%; padding:2% 0 0; 
	display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;
}

.slidebox03{ margin-bottom: 0; }
.slidebox03 i{position: relative;}
.slidebox03 b{position: absolute; z-index: 5; width: 100%; height: 100%; left:0;top:0; 
	background: url(../images/play.png) no-repeat center center; background-size: .6rem;
}

/*新品展示*/
.sy_newcp_box .sy_title{ padding-bottom: 10%; }
.newcp_box .box{margin:5% 0 10%;}
.newcp_box .one{ overflow: hidden; margin-bottom: 4%;
	-webkit-transform:rotate(-8deg);
	-moz-transform:rotate(-8deg); 
	-o-transform:rotate(-8deg); 
	transform: rotate(-8deg);
}
.newcp_box .one .swiper-container{border:#444 solid 2px; width: 46%; margin:0 2%; min-height: 1.8rem; 
	overflow: hidden; float: left;
	-webkit-box-sizing:border-box; /* Safari */
	-moz-box-sizing:border-box; /* Firefox */ 
	-o-box-sizing:border-box;
	box-sizing:border-box; 
}
.newcp_box .swiper-slide img{display: block; width: 100%;}



/*企业新闻*/
.sy_news_box .sy_title{ padding-bottom: 10%; }
.news_slide{
	padding-bottom: .4rem;
}
.news_slide .swiper-slide {position: relative; overflow: hidden; 
	border:#444 solid 2px;
	-webkit-box-sizing:border-box; /* Safari */
	-moz-box-sizing:border-box; /* Firefox */ 
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.news_slide .swiper-slide p{position: absolute; bottom: 0; width: 96%; padding:2%;
	font-size:.28rem; color: #fff; line-height:130%; 
	background: -webkit-linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.5)); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.5)); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.5)); /* Firefox 3.6 - 15 */
	background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.5)); /* 标准的语法 */
}
.news_slide .swiper-slide img{
	display: block;
	width: 100%;
}
.news_slide .swiper-slide p{

}
.sy_news_box .news_slide .news_slide-p{ bottom: 0; }
.news_slide .news_slide-p span{
	width: 10px;
	height: 10px;
	border:#444 solid 2px;
	border-radius: 50%;
	opacity: 1;
	background: none;
}
.sy_news_box .news_slide .news_slide-p span.swiper-pagination-bullet-active{
	background-color: #fff; border-color: #fff;
}
.sy_news_box .list ul{
	padding-top: 3%;
}
.sy_news_box .list ul li{
	padding:3% 0;
	margin-top: 0;
	border-bottom: #444 solid 1px;
}
.sy_news_box .list ul li a{
	display: block;
	overflow: hidden;
	position: relative;
}
.sy_news_box .list ul li img{
	float: left;
	width: 2.1rem;
	height: 1.4rem;
	margin-right: 2%;
	border:#444 solid 2px;
	-webkit-box-sizing:border-box; /* Safari */
	-moz-box-sizing:border-box; /* Firefox */ 
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.sy_news_box .list ul li h2{
	font-size:.26rem;
	color: #fff;
	line-height: 150%;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.sy_news_box .list ul li span{
	position: absolute;
	bottom:2px;
	font-size:.22rem;
	color: #999;
	line-height: 120%;
}
.sy_news_box .list ul li span:before{
	content:"—— ";
}
.more_btn{
	text-align: center;
	margin:7% 0 4%;
}
.more_btn a{
	display: inline-block;
	width: 60%;
	background-color: #e23732;
	color: #fff;
	font-size:.24rem;
	line-height: .7rem;
	border-radius: .07rem;
}

/*资质荣誉*/
.slidebox05{ margin-bottom: 0; }

/*联系我们*/
.sy_msg_box .sy_title{ padding-bottom: 7%; }
.sy_msg_box .txt .gg div.tt{ margin:3% auto;}
.sy_msg_box .txt .gg input,.sy_msg_box .txt .gg textarea{ border:#444 solid 1px; width: 94%; font-size:.24rem;  
	 padding:3.6% 3%; border-radius: .07rem; line-height: 120%; background: none;
}
.sy_msg_box .txt .gg textarea{ height: 1.5rem; line-height: 150%; padding:3%; }
.sy_msg_box .txt .gg input:focus,.sy_msg_box .txt .gg textarea:focus{ border-color: #e23732; }
.sy_msg_box .txt .gg button{width: 100%; margin:0 auto 2%;display: block;  background-color: #e23732; color: #fff; 
	font-size:.24rem; padding: 4% 0;border-radius: .07rem;
}
.sy_msg_box .txt .gg input::-webkit-input-placeholder{
    color:#999;
}
.sy_msg_box .txt .gg input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999;
}
.sy_msg_box .txt .gg input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999;
}
.sy_msg_box .txt .gg input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    color:#999;
}



/*侧边栏*/
.side_bar{
	position: fixed;
	z-index: 99;
	right: 1px;
	bottom:15%;
	display: none;
	background-color: #e23732;
	border-radius: .07rem;
}
.side_bar .btn_top{
	display: block;
	width: .72rem;
	height: .72rem;
	background: url(../images/back_top.png) no-repeat center center;
	background-size: 50%;
}

/*底部*/
.footbox{
	margin-top: 7%;
	padding-bottom: 20%;
}
.footbox h2{
	text-align: center;
	border-bottom: #444 solid 1px;
	font-size: .22rem;
	color: #999;
	line-height: 240%;
}
.footbox h2 a{
	color: #999;
}
.footbox h2 a:active{
	color: #da251d;
}
.footbox .txt{
	color: #999;
	font-size: .22rem;
	text-align: center;
	line-height: 180%;
	padding: 4% 2% 0;
}
.footbox .txt a{
	color: #999;
}
.footbox .txt a:hover{
	color: #e23732;
}

/**************************************
	图片查看详情页
****************************************/
/*分享样式*/
.zy_share{
	margin-top:9%;
}
.zy_share h2 p{
	font-size: .26rem;
	color: #fff;
	font-weight: bold;
	line-height:200%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.zy_share h2 p a{
	color: #fff;
	margin-top:-3px;
}

.back_prev {padding-top: 3%; text-align: right;}
.back_prev a{ color: #999; font-size:.2rem;display: inline-block; border:#444 solid 1px; width: .84rem; height: .46rem; 
	text-align: center; line-height: .47rem; border-radius: 3px;
}
.back_prev img{ width: .12rem; vertical-align: middle; margin: -.015rem 5px 0 0; opacity: .7;}

/*图片详情标题*/

.xq_title{
	margin: 2% 0 5%;
	text-align: center;
}
.xq_title h1{
	font-size: .36rem;
	color: #fff;
	line-height: 140%;
	margin-bottom: 4%;
}
.xq_title p{
	font-size: .22rem;
	color: #999;
	line-height: 120%;
}
.xq_title p span{
	margin-right: 4%;
}
.zy_news_xq .txt{
	font-size: .24rem;
	color: #fff;
	line-height: 180%;
	text-indent: 2em;
	text-align:justify;
}
.zy_news_xq .txt *{
	margin:3% 0;
}
.zy_news_xq .txt img{
	display: block;
	width: 100%;
}

.zy_news_xq .txt video{ display: block; width: 100%; }

/*公告列表页*/
.gglist_box{ margin-top: -5%; }
.gglist_box h2{ text-align: center; font-size:.32rem; }
.gglist_box ul{ margin:5% 0; }
.gglist_box ul li{ font-size:.26rem; border-bottom: #444 solid 1px; padding: 5% 0; }
.gglist_box ul li a{ color: #eee; display: block; line-height: 150%; margin-bottom: 3%;}
.gglist_box ul li span{ font-size:.22rem;color: #999;  display: block;}
.gglist_box ul li span:before{ content: "——"; }

/*新闻列表页*/
.newslist_box{ margin-top: -5%; }
.newslist_box>h2{ text-align: center; font-size:.32rem; }
.newslist_box ul{ margin-top: 7%; }
.newslist_box ul li{
	padding:3% 0;
	margin-top: 0;
	border-bottom: #444 solid 1px;
}
.newslist_box ul li a{
	display: block;
	overflow: hidden;
	position: relative;
}
.newslist_box ul li img{
	float: left;
	width: 2.1rem;
	height: 1.4rem;
	margin-right: 2%;
	border:#444 solid 2px;
	-webkit-box-sizing:border-box; /* Safari */
	-moz-box-sizing:border-box; /* Firefox */ 
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.newslist_box ul li h2{
	font-size:.26rem;
	color: #fff;
	line-height: 150%;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.newslist_box ul li span{
	position: absolute;
	bottom:2px;
	font-size:.22rem;
	color: #999;
	line-height: 120%;
}
.newslist_box ul li span:before{
	content:"—— ";
}

/*翻页样式*/
.fanye{
	text-align: center;
	margin: 8% 0 10%;
}
.fanye>a{
	border:#444 solid 1px;
	border-radius: .08rem;
	padding:0 4%;
	line-height: .5rem;
	height: .5rem;
	font-size:.22rem;
	color: #999;
	display: inline-block;
	vertical-align: middle;
	margin:0 1%;
}

.fanye span a{
	font-size:.22rem;
	color: #999;
	display: inline-block;
	padding:0 2%;
}
.fanye span a.cur{
	color: #e23732;
}
.fanye .next,.fanye .prev{
	width: .5rem;
	padding: 0;
	background: url(../images/fanye_jt.png) no-repeat center top 47%;
	background-size: 24%;
}
.fanye .next{
	transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}