@charset "utf-8";
/* CSS Document */


/***********内页banner**********/
.mc_banner_inner {width: 100%;position: relative;}
.mc_ban_imgbox { position: relative; z-index: 1;}
.mc_ban_pc,
.mc_ban_ph { position: relative; overflow: hidden;}
.mc_ban_ph {  display: none;}
.mc_ban_img { position: relative; z-index: 1;max-width: 100%;}

.mc_banner_inner .mc_ban_contianer {
	position: absolute;
	z-index: 2;
    bottom: auto !important;
    left: 50% !important;
    top: 50% !important;
     transform: translate(-50%, -50%) !important;
}
.mc_banner_inner .mc_ban_contianer .mc_inban_title {font-size:1.5rem;line-height: 1.5; color: #fff;}
.mc_banner_inner .mc_ban_contianer p {font-size:1.3rem; line-height: 1.5; color: #d0d0d0;}
.mc_mbxbox { position: absolute; width: 100%; left: 0; bottom: 0; padding: 1rem 0;color: #fff;z-index: 3;}
.mc_mbx_li {
    float: left;
    font-size: 14px;
    color: #fff;
    transition: all .36s;  
}
.mc_mbx_li:not(:first-child)::before {
    content: ">";
    display: inline-block;
    margin: 0 5px;
    font-size: inherit;  
    line-height: inherit;
    color: inherit;
    transform: translateY(-1px);
}
.mc_mbx_li a {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    transition: none;
}
.mc_mbx_li.on {
    opacity: .8;
}




/************公司简介******************/
.about_bg{ width:100%; position:relative;}
.about_bg img{ max-width:100%;}
.about_bg .new-box-text { position: absolute;top: 28%; left: 50%; transform: translateX(-50%);width: 80%;max-width:1250px; z-index: 2;}
.about_bg .new-box-text .tit-name{font-size: 0.9rem;line-height:2;color:#000;font-family: "PINGFANG BOLD_1";text-align: center;font-weight: bold;}
.about_bg .new-box-text .tit-p{font-size: 0.75rem;color:#333;margin-top:1rem;line-height:2;text-indent:2rem;}


@media (max-width:767px){
.about_bg .new-box-text { position: absolute;top: 15%; left: 50%; transform: translateX(-50%);width: 95%;max-width:1250px; z-index: 2;}
}
/**********公司简介第二段开始************/
.news-storytet{padding: 2.5rem 0;position:relative;z-index:2}
.news-storytet .tit-name{font-size: 0.9rem;line-height: 2;color:#000000;font-family: "PINGFANG BOLD_1";text-align:center;font-weight: bold;}
.news-storytet .tit-p{font-size: 0.75rem;color:#666666;margin-top:1rem;line-height: 2;}
.news-storytet .tit-p p{ text-indent:2rem; margin-bottom:0.5rem;}
.news-storytet .tit-p p span{ color: #e60012;font-weight: bold;}

.news-storytet .ico-img{ display:block;margin: 1rem auto 0; width:1.5rem; overflow:hidden;}
.news-storytet .ico-img img{width:100%;}

.down-con{margin-top: 3rem;overflow:hidden;}
.down-con .num-box{background-color:#e60012;padding: 3rem 0;overflow:hidden;} 
.down-con .num-box ul li{ float:left; width:25%; text-align:center;  } 
.down-con .num-box ul li .num{font-size: 1.8rem;color: #ffffff;position:relative;display:inline-block;font-weight:700;} 
.down-con .num-box ul li .num::after{content:attr(data-name);position:absolute;top:10px;right:0px;transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);font-size: 0.7rem;color: #ffffff;} 
.down-con .num-box ul li .num sub{font-size: 0.8rem;color:#ffffff;} 
.down-con .num-box ul li .des{font-size: 0.75rem;color:#ffffff;position:relative;padding-top: 0.5rem;margin-top: 0.2rem;} 
.down-con .num-box ul li .des::before{ content:''; position:absolute; width:2rem; height:2px; background:#ffffff; left:50%; margin-left:-1rem; top:0px;  } 
/**********公司简介第二段结束************/


/************视频******************/
.videolist { position:relative;width:100%; overflow:hidden;}
.videolist:hover{ cursor: pointer; }

.videolist .text-con{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); text-align:center; } 
.videolist .text-con .zh{font-size: 1.5rem;color:#eeeeec;} 
.videolist .text-con .zh img{ width:100%; max-width:500px;} 

.videolist .text-con .en{ font-size:0.7rem; color:#f7f7f7; }
.videolist .text-con .icon-box{margin-top: 1rem;} 
.videolist .text-con .icon-box .iconfont{ font-size:2.7rem; color:#fff; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; } 
.videolist .text-con .icon-box .iconfont:hover{ color:#dd7f06; } 
.videolist .text-con .icon-box p{ font-size:0.7rem; color:#fff; margin-top:1rem;} 
.videolist .text-con .icon-box .videoed { width:45px; height:45px;}
.videos{ display:none; position:fixed; left:50%; top:50%; margin-left:-550px; margin-top:-310px; z-index:100; width:1100px; }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.bgPop {display: none; position: fixed; z-index: 129; left: 0; top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);box-sizing: border-box;}


/***************企业文化****************/
.bg-gray{background: #f6f6f6; overflow: hidden;}
.whk{ display:block;  padding:2.5rem 0px;overflow: hidden;}
.whk li{ display:block; background:#fff; float:left; position: relative; width:24%; height:450px; overflow:hidden; margin-right:1.33%;}
.whknr1{ display:block; position:relative; z-index:2;}
.qywtu{ display:block; overflow:hidden; padding:5px;}
.qywnr{ display:block; padding:20px 7.5% 0;}
.qywnr1{display:block;margin-bottom:12px;line-height:40px;color:#0a0a0a;font-size: 0.9rem;}
.qywnr2{display:block;line-height:24px;color:#545454;font-size: 0.75rem;}
.whknr2{ display:block; position:absolute; left:0; top:100%; width:100%;height:100%; padding:38px 7.5% 20px; background:rgba(230, 0, 18, 0.7); z-index:3;}
.whtn1{ display:block; margin-bottom:22px; font-size:24px; color:#fff; line-height:40px; cursor:default;}
.whtn2{ display:block; line-height:28px; color:#fff; font-size:12px; cursor:default;}
.whk li:hover .whknr2{top:0;}
.whk li:nth-child(4n){ margin-right:0px;}

/********组织架构**********/
.ins-zuhzi{ overflow:hidden;}
.ins-zuhzi li{width: 100%;float: left; padding:0px; box-sizing:border-box;}
.ins-zuhzi li .pic{height: 0;padding-top:54%;position: relative;overflow: hidden;}
.ins-zuhzi li .pic img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.ins-zuhzi li .txt{height: 0;padding-top:54%;position: relative;overflow: hidden;margin-top: -54%;}
.ins-zuhzi li .txt img{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.ceng_a{position:relative;}
.ceng_b{position:absolute;z-index:5;left:0;top:0;}

/*****地图********/
/**touch begin**/
.touch{overflow:hidden; position:relative;background-color: #bed4e2;}
.touch .h2_box{padding:2.66% 0;color:#fff;text-align: center;}
.touch .h2_box h2{font-weight: bold;margin-bottom:0;}
.touch .h2_box span::after{content:'+';position: absolute;right:-20px;top:-13px;color:#fff;font-size: 24px;}
.touch .h2_box span{position: relative;}
/**touch end**/

.touch .content{opacity: 1;}
#map {text-align: center; background-color: #bed4e2;position: relative;max-width: 1920px;margin: 0 auto;}
#map map {position: relative;z-index: 999;}
#map .map_img {max-width: 100%;}
.touch .right_fixed{position: absolute;right:12%;bottom:40%;text-align: left;z-index:1;   width: 30%;max-width: 450px;}
.touch .right_fixed p{line-height:1.8;font-size: 0.75rem;}
.touch .right_fixed p span{color:#cf000d;}
.touch.right_fixed a{border: 1px solid #333;line-height: 32px;display: inline-block;padding:0 6%;border-radius: 18px;margin-top:15%;}
.touch .right_fixed a:hover{border-color: #cf000d;background-color: #cf000d;color:#fff;}


#map .point em{width: 50px;height: 50px;border-radius: 50%;position: absolute; z-index: 16;}
#map .point em span{position: absolute; top: -5px;width: 2rem;   font-size: 0.75rem;left: 1rem;}	
#map .point em.on{z-index: 26;}
#map .point em:nth-child(1){right: 55.5%;top: 52%;}
#map .fenbu_point em{width:50px;height:50px;border-radius:50%;position:absolute; z-index:16;}
#map em i:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    border: 1px solid #cf000d;
    animation-name: circle;
    animation-duration: 3s;
    animation-timing-function: steps(90);
    animation-iteration-count: infinite;
    animation-delay: 0s;
}
#map em i:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 50%;
    border: 1px solid #cf000d;
    animation-name: circle;
    animation-duration: 3s;
    animation-timing-function: steps(90);
    animation-iteration-count: infinite;
    animation-delay: 1s;
}
#map em i+i:before {
	animation-delay:2s;
}
#map em i+i:after {
	animation-delay:3s;
}
@-webkit-keyframes circle {
	0% {
	width:0%;
	height:0%;
	opacity:1;
}
100% {
	width:100%;
	height:100%;
	opacity:0;
}
}@keyframes circle {
	0% {
	width:0%;
	height:0%;
	opacity:1;
}
100% {
	width:100%;
	height:100%;
	opacity:0;
}
}
#map em span{    font-style: normal;
    -webkit-transform: translate(28px,11px);
    -moz-transform: translate(28px,11px);
    transform: translate(28px,11px);
    display: block;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;}
#map .fenbu_point em.on{z-index:23;}
#map .fenbu_point .xb em:nth-child(1){right: 54%;top: 53.5%;}
#map .fenbu_point .xb em:nth-child(2){ right: 68%;top: 54%;}
#map .fenbu_point .xb em:nth-child(3){    right: 60%;top: 69%;}
.jiuduanxian{ width:10%;position:absolute;right:5%;bottom:3%;display: none}


@media (max-width:767px){
.touch .right_fixed{position: relative;right:0%;bottom:0%; padding-bottom:30px;text-align: left;z-index:1;   width: 90%; margin:0 auto;max-width: 450px;}
.whk li { width: 49.5%; height: 400px;margin-bottom:20px;overflow: hidden;  margin-right: 1%;}
.whk li:nth-child(2n) {margin-right: 0px;}
}


/***********焊接蜂窝板*****************/
.run_banner { position: relative;overflow: hidden;}
.run_banner .intro_t{position:absolute;width:40%;height:auto;display:block;right:10%;top:16%;}
.run_banner .intro_t img{ margin-bottom:5%; max-width:100%;}
.intro_t p{color:#535353;font-size: 0.75rem;line-height:1.8;text-indent:2em;}

.fw_tit{ text-align:left;} 
.fw_tit .en{ font-size:0.9rem; font-weight:bold; color:#c9c9c9;} 
.fw_tit .cn{ font-size:0.9rem; font-weight:normal;color:#000;} 
.fw_tit .cn:after {
    content: "";
    display: block;
    width: 55px;
    height: 4px;
    line-height: 1px;
    background-color: #f00001;
    margin: 10px 0 15px;
}



.fw_title{ text-align:center;} 
.fw_title .en{ font-size:0.9rem; font-weight:bold; color:#fff;} 
.fw_title .cn{ font-size:0.9rem; font-weight:normal;color:#fff;} 


.fengwuo_a{background: #db1620 url(../images/fengwo_a.jpg) bottom -4rem center no-repeat;text-align:center;padding: 3rem 0px 3rem;background-size: cover;}
.feng_liu{ margin-top:2.5rem; overflow:hidden;}
.feng_liu li{ float:left; width:33.3333%; margin-bottom:3rem; overflow:hidden;padding: 0px 5px;}
.feng_liu li p{color:#fff;line-height:2;font-size: 0.75rem;}
.feng_liu li p em{color:#fff;font-size: 0.9rem;margin-right:10px;}
.fengwuo_a img{ max-width:100%;}
.feng_liu li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

.fengwuo_b{text-align:center; padding:0px 0px 40px; margin-top:0px;}

.fengwuo_b .fw_title .en{ font-size:0.9rem; font-weight:bold; color:#c9c9c9} 
.fengwuo_b .fw_title .cn{ font-size:0.9rem; font-weight:normal;color:#000;} 

.fengwuo_b img{ max-width:95%;}
.feng_lftu{ width:40%; margin-top:2%;}
.feng_lftu img{ margin-bottom:5%;}
.feng_rftu{ width:60%;margin-top:2%;}


.fengwuo_c{ background:#f5f5f5; text-align:center; padding:60px 0px 40px; overflow:hidden;}

.fengwuo_c .fw_title .en{ font-size:0.9rem; font-weight:bold; color:#c9c9c9} 
.fengwuo_c .fw_title .cn{ font-size:0.9rem; font-weight:normal;color:#000;} 

.feng_honor{ overflow:hidden; margin-top:30px;}
.feng_honor li{ float:left; width:25%; margin-bottom:15px;}
.feng_honor li img{ max-width:92%;}
.feng_honor .k_kang{ float:left; width:calc(50% - 2px); border:1px solid #ddd}
.feng_honor div p{display:inline-block;background:#AA0103;color:#fff;padding:5px 10px;font-size: 0.75rem;margin:20px 0px;}

.fengwuo_d{text-align:center; padding:60px 0px 40px; background:url(../images/fengwuo_d_t.jpg) top center no-repeat;}
.fengwuo_d img{ max-width:100%;}
.fengwuo_d .fw_title{ margin-bottom:60px;}
.fengwuo_d .fw_title .en{ font-size:0.9rem; font-weight:bold; color:#c9c9c9;} 
.fengwuo_d .fw_title .cn{ font-size:0.9rem; font-weight:normal;color:#fff;} 

.tab{margin:0 auto;}
.tab-hd {margin:0 auto;overflow:hidden; zoom:1; text-align:center;}
.tab-hd li{  font-size:15px;background: #eeeeee url(../images/bottom_line.jpg) center bottom no-repeat;line-height:1.5;width:19.9%; margin-right:0.1%;float: left;cursor:pointer; color:#46b84e; padding:1.5rem 0px;}
.tab-hd li h5{ text-transform:uppercase; font-size:12px;    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tab-hd li p{ text-transform:uppercase; font-size:13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tab-hd li.active{background:#fff url(../images/bottom_line.png) center bottom no-repeat; color:#db1621;}
.tab-hd li.active a{color:#db1621;}

.tab-bd{ margin-top:40px;}
.tab-bd .pro_n{display:none;}
.tab-bd .pro_n:first-child{ display:block;}


.pro_n h3{color:#434343;font-size: 0.9rem;line-height:1;font-weight: bold;}
.pro_n h4{color:#434343;font-size: 0.9rem;line-height:1.5;font-family: "Times New Roman", Georgia, Times, serif;}

.ad-thumb-list{width: 100%;overflow: hidden;}
.ad-thumb-list li{ display: inline-block;width:30.5%;margin:3% 1%;}
.ad-thumb-list li .pic { height: 0;padding-top:54.6%;position: relative;overflow: hidden;}
.ad-thumb-list li .pic img {position: absolute;left: 0;top: 0; width: 100%;height: 100%;}
.ad-thumb-list li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);transform-origin: 50% 50%;}
.ad-thumb-list li p { margin-top:20px; font-size:20px; color:#2a2a2a; text-align:center; line-height:30px;}
.ad-thumb-list li p img{ vertical-align:middle; margin-right:5px;}


.i-gongc{ background:#eeeeee; overflow:hidden;}
.cj_list{width: 100%;}
.cj_list li{display: inline-block;width:22%;margin:3% 1%;}
.cj_list li .pic { height: 0;padding-top:63.3%;position: relative;overflow: hidden;}
.cj_list li .pic img {position: absolute;left: 0;top: 0; width: 100%;height: 100%;}
.cj_list li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);transform-origin: 50% 50%;}

.pic img,.feng_liu li img{
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.i_fwjj{ padding:2.5rem 0px; overflow:hidden;}
.i_fwjj .lf{ width:50%;}
.i_fwjj .rf{ width:50%;}

.i_fwjj dt{ float:left; width:28%;}
.i_fwjj dt img{ max-width:100%;}
.i_fwjj dd{float:left;width:67%;color:#4c4c4c;font-size: 0.75rem;line-height:1.7;text-align:left;}


/******************工程案例列表*************/
.jylb0{ padding:2rem;}
.jylb{ display:block; overflow:hidden;}
.jylb li{ display:block; float:left; width:calc(50% - 1rem); height:auto; margin:0.5rem;}
.jyntuk{ display:block; position:relative; overflow:hidden;}
.jyntbg{ width:100% !important; height:auto !important; position:absolute; z-index:-1;}
.jyntu{ width:100% !important; height:auto !important; z-index:2;transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;}
.jylb li:nth-child(2n){ background-color:#fbfbfb;}
.jylb li:nth-child(2n+1){ background-color:#f3f3f3;}
.wei{ width:52px; height:52px;  text-align:center; position: relative; color:#303030; font-size:12px; line-height:52px;}
.jymk{ padding:28px 15px; overflow:hidden;}
.jym0{ margin-right:60px;}
.jym1{ padding-bottom:4px;font-size:14px; line-height:24px; color:#000;}
.jym2{ padding-bottom:8px;font-size:14px; line-height:24px; color:#000;height: 24px;}

.jymt{width:60px; height:1px; background:#b7b7b7;}
.jylb li:hover .jym1{ padding-left:5px; color:#CC0B1B;}
.jylb li:hover .jym2{ padding-left:5px; color:#CC0B1B;}
.jylb li:hover .jymt{ width:120px;}
.jylb li:hover .jyntu{transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}
.netiq1, .netiq2, .netiq11, .netiq12{ width:52px; height:52px; position:absolute;  top:50% !important; left:50% !important; margin-top:-26px !important; margin-left:-26px !important; }
.netiq1, .netiq2, .jylb:hover .wei .netiq11, .jylb:hover .wei .netiq12 {
	animation:netiq1 1.2s linear infinite both;
	-webkit-animation:netiq1 1.2s linear infinite both;
	-moz-animation:netiq1 1.2s linear infinite both;
	-o-animation:netiq1 1.2s linear infinite both;
}
.neti1, .neti2{ display:block; position: absolute; left:0; top:0;}
.xin, .wen{ display: block; position:absolute; top:36px; width:52px; height:52px; text-align: center; font-size:24px; line-height:52px; color:#FFF;}
.xin{ left:220px;}
.wen{ left:278px;}
.netiq1, .netiq2, .netiq11, .netiq12{ width:52px; height:52px; position:absolute;  top:50% !important; left:50% !important; margin-top:-26px !important; margin-left:-26px !important; }
.netiq1, .netiq2, .jylb:hover .wei .netiq11, .jylb:hover .wei .netiq12 {
	animation:netiq1 1.2s linear infinite both;
	-webkit-animation:netiq1 1.2s linear infinite both;
	-moz-animation:netiq1 1.2s linear infinite both;
	-o-animation:netiq1 1.2s linear infinite both;
}
.netiq1, .netiq11{animation-delay:0s; -webkit-animation-delay:0s; -moz-animation-delay:0s; -o-animation-delay:0s;}
.netiq2, .netiq12{animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; -o-animation-delay:0.6s;}
@keyframes netiq1{
0%{ transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -moz-transform: scale(0.5); filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5; -o-opacity:0.5;}
100%{transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
}
@-webkit-keyframes netiq1{
0%{ transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -moz-transform: scale(0.5); filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5; -o-opacity:0.5;}
100%{transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
}
@-moz-keyframes netiq1{
0%{ transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -moz-transform: scale(0.5); filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5; -o-opacity:0.5;}
100%{transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
}
@-o-keyframes netiq1{
0%{ transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -moz-transform: scale(0.5); filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5; -o-opacity:0.5;}
100%{transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
}
.neti1, .neti2{
	animation:neti1 0.6s linear both;
	-webkit-animation:neti1 0.6s linear both;
	-moz-animation:neti1 0.6s linear both;
	-o-animation:neti1 0.6s linear both;
}
.neti1{animation-delay:0s; -webkit-animation-delay:0s; -moz-animation-delay:0s; -o-animation-delay:0s;}
.neti2{animation-delay:0.3s; -webkit-animation-delay:0.3s; -moz-animation-delay:0.3s; -o-animation-delay:0.3s;}
@keyframes neti1{
0%{ top:150px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:0; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-webkit-keyframes neti1{
0%{ top:150px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:0; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-moz-keyframes neti1{
0%{ top:150px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:0; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-o-keyframes neti1{
0%{ top:150px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:0; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}

.xin, .wen{
	animation:xin 0.6s cubic-bezier(1, .57, .48, 1.45) both;
	-webkit-animation:xin 0.6s cubic-bezier(1, .57, .48, 1.45) both;
	-moz-animation:xin 0.6s cubic-bezier(1, .57, .48, 1.45) both;
	-o-animation:xin 0.6s cubic-bezier(1, .57, .48, 1.45) both;
}
.xin{animation-delay:0.8s; -webkit-animation-delay:0.8s; -moz-animation-delay:0.8s; -o-animation-delay:0.8s;}
.wen{animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; -o-animation-delay:1.2s;}
@keyframes xin{
0%{ top:-150px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:36px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-webkit-keyframes xin{
0%{ top:-150px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:36px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-moz-keyframes xin{
0%{ top:-150px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:36px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-o-keyframes xin{
0%{ top:-150px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:36px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}


/*****新闻*********/
.news{width: 100%; margin:20px 0px;  overflow: hidden;}
.news li{width: calc(33.33% - 2px);float: left;border-left: 1px solid #dfdfdf;padding-bottom:20px;}

.news li:nth-child(3n){border-right: 1px solid #dfdfdf;}
.news li a{display: block;width: 100%;padding:30px 5% 30px;box-sizing:border-box;transition:background 0.3s;}
.news li .data{font-size: 14px;color: #333333;line-height: 34px;font-family: 'Arial';margin-bottom: 15px;opacity: 1;transition:color 0.3s,opacity 0.3s;}
.news li h2{font-size: 0.9rem;color: #333;line-height: 25px;margin-bottom: 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; transition:color 0.3s;}
.news li .latest{font-size: 12px;color: #999999;line-height: 43px;opacity: 1;transition:color 0.3s,opacity 0.3s;}
.news li .font{font-size: 14px;color: #888;line-height: 20px;height: 80px;overflow: hidden;margin-top: 20px;transition:color 0.3s;}
.news li .pic{overflow: hidden;width: 100%;text-align: center;height: 220px;}
.news li img{transition:all 0.3s;width: 100%;height: 100%;}
.news li .jian{width: 52px;height: 11px;background: url(../images/news02.png) no-repeat center;transition:background 0.3s;display: block;margin-top: 34px;}
.news li a:hover{background: #e60012;}
.news li a:hover h2, .news li a:hover .font{color: #efefef;}
.news li a:hover .data{color: #efefef;opacity: 0.8;}
.news li a:hover .latest{color: #efefef;opacity: 0.7;}
.news li a:hover .jian{background: url(../images/news02_h.png) no-repeat center;}
.news li a:hover img{transform: scale(1.1)}

/*****新闻详细内页******/
.news-art-main{background: #fff;margin:0px auto;padding:2% 3%;}
.art-tit h4{text-align: center;font-size:1rem;font-weight: normal;line-height: 36px;padding-bottom: 1rem;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;max-width: 300px; width:50%;} 
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}
.art-main img{ max-width:100%; margin-left: -2rem;}
.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color: #E60012;}



/***-----------人力资源----------****/
.join_four{width:100%;position: relative;}
.join_four .swiper-slide{ float:left; box-sizing:border-box;margin:40px 0px;}
.slide-item{position:relative;width:100%;text-align:center;min-height:220px;cursor:pointer}
.slide-item .item-bg{width:100%;height:100%}
.slide-item .mask{position:absolute;left:0;right:0;top:0;bottom:0}
.slide-item .mask .bg{position:absolute;left:0;right:0;top:0;bottom:0;opacity:.6;filter:alpha(opacity=60);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(60));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-item .mask .content{position:absolute;left:0;right:0;top:40%;bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-item .mask .content .line-panel{padding:0;margin:0;font-size:0;line-height:0;margin-top:5%;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-item .mask .content .line-panel .item-line{width:20px;height:2px;background:#fff;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-item .mask .content .item-title{color:#fff;font-size:1rem; font-family:"Source Han Sans CN", "Microsoft Yahei"; line-height:2;margin-top:10px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-item .mask .content .item-desc{font-size:14px;color:#fff;margin-top:20px;padding:0 20px;line-height:28px;}
.slide-item .mask .content .item-desc{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-item:hover .content{top:22%}
.slide-item:hover .content .item-desc{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}


.ins-join {background: #f5f5f5; width: 100%; padding: 30px 0px;overflow: hidden;}
.zplb{ display:block; margin-left:-1rem; overflow:hidden; margin-bottom:30px; margin-top:38px;}
.zplb dd{ display:block; float:left; width:calc(33.33% - 1rem); height:300px;margin-bottom: 20px; border:1px solid #eee; background:#FFF; border-bottom:2px solid #F1757F; margin-left:1rem; padding:33px; box-sizing:border-box;}
.zp-ti{ margin-bottom:12px; line-height:32px; font-size:20px; color:#0a0a0a;font-weight: bold;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;}
.zp-bz{font-weight: bold; display:block; overflow:hidden; margin-bottom:12px; padding-left:20px; background:url(../images/zpb1.png) center left no-repeat; line-height:24px; font-size:14px; color:#545454;}
.zp-js{ display:block; height:112px; margin-bottom:8px; line-height:28px; font-size:14px; color:#545454;}
.zp-jr{ display:inline-block; width:80px; height:30px; background: url(../images/zpj1.png) left center no-repeat;}
.zp-state{ display:inline-block; height:30px; line-height:30px; font-size:0.75rem; float:right;}
.zplb dd:hover .zp-ti{ text-indent:6px; color:#E60012;}
.zplb dd:hover .zp-jr{background: url(../images/zpj2.png) 20px center no-repeat;transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;}
.zplb dd .zp-jr:hover{background: url(../images/zpj2.png) left center no-repeat;}
.lck{ display:block; width:80px; height:32px; margin:0 auto; text-align:center; line-height:32px; font-size:0.75rem; color:#00873b;}
.lck span{ display:block; cursor:pointer; width:80px; margin:0 auto;}
.lctu1{ width:0; height:0; margin-top:14px; margin:0 auto;}
.lck:hover{ height:auto; width:100%;}
.lck:hover .lctu1{ width:100%; height:auto;}


.base-ban { position:absolute; left: 0;width: 100%; z-index: 3; display: block;text-align: center;bottom:0px; background:rgba(230, 0, 18, 0.32);}/*background:rgba(230, 0, 18, 0.42) url(../images/si_bg.jpg) center center no-repeat;*/
.base-ban a{display: inline-block;padding:0px 35px;width: 20%;color: #fff;font-size: 0.75rem;transition: all 0.4s;-webkit-transition: all 0.4s;}
.base-ban a img{ width:100%; max-width:70px;}
.base-ban p.en{text-transform: uppercase;font-size: 12px;}
.base-ban p.cn{font-size: 0.9rem;line-height: 1.5; padding: 1rem 0px; border-radius: 36px;}
/*.base-ban a.on,.base-ban a:hover{background-color:rgb(230, 0, 18);}*/



@media only screen and (max-width: 767px){
  .base-ban {position:relative;left: 0;width: 100%;z-index: 3;display: block;text-align: center;bottom:0px;background: rgb(230, 0, 18);}/*background:rgba(230, 0, 18, 0.42) url(../images/si_bg.jpg) center center no-repeat;*/
  .base-ban a{display: inline-block;padding: 0px 5px;width: 20%;color: #fff;font-size: 0.75rem;transition: all 0.4s;-webkit-transition: all 0.4s;}
}


/************建筑简介****************/
.wm_bg{overflow:hidden; width:100%; padding:2.5rem 0px;}
.wm_bg .wm_box{overflow:hidden;box-shadow:2px 2px 10px rgba(6, 0, 1, 0.23);-webkit-box-shadow:2px 2px 10px rgba(6, 0, 1, 0.23); -moz-box-shadow:2px 2px 10px rgba(6, 0, 1, 0.23);}

.wm_bg .wm_box .lf{width:53%; padding:3rem 1.5rem; }
.wm_bg .wm_box .lf h3{color:#000;font-size:0.9rem;line-height:3;font-weight: bold;}
.wm_bg .wm_box .lf p{color: #888484;font-size: 0.75rem;line-height:2;}

.wm_bg .wm_box .rf{ width:45%;}
.wm_bg .wm_box .rf img{ width:100%;}

/************三大类***************/  
.wm_list_bg{ overflow:hidden; padding:2.5rem 0px;}
.wm_list_box .sec_img{ position:relative; width:100%; height:100%;transition: 0.38s;}
.wm_list_box .sec_img img{width:100%; vertical-align:middle;}
.wm_list_box .sec_img span{ position: absolute; width:100%; height:100%; left:0;  top:0; background:#a6a9b0;mix-blend-mode: multiply;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s; }

.wm_list_box .sec_list{position: absolute;top:30%;width: 100%;text-align: center;padding: 0 5%;box-sizing: border-box;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.wm_list_box .sec_list h3{font-size:0.9rem;color: white; line-height:1.5; position:relative;}
.wm_list_box .sec_list h3:after {content: ""; display: block; width: 55px; height: 2px; background: #fff;margin: 20px auto;}
.wm_list_box .sec_list p {font-size: 0.75rem;color:#fff;line-height:1.5;display:inline-block;margin-bottom:5%;}
.wm_list_box .swiper-slide:hover .sec_img span{ background:#e60012;mix-blend-mode: multiply;}
.wm_list_box .swiper-slide:hover .sec_list{top:25%;}


/***********典型应用*************/
.adv_dx_bg{ width:100%; overflow:hidden; padding:2.5rem 0px; background:#f5f5f5;}
.adv_dx_tit{font-size: 0.9rem;text-align:center;color:#000;font-weight:bold;line-height:2;}

.adv_dx_box{ overflow:hidden; padding:2rem 0px; border-bottom:2px dashed #ddd;}
.adv_dx_box .adv_img{ position:relative; width:45%;overflow:hidden;}
.adv_dx_box .adv_img img{width:100%; vertical-align:middle;transition: all 0.3s linear; -moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;}

.adv_dx_box .adv_list{width: 53%;padding:20px 0px 20px 30px;box-sizing: border-box;}
.adv_dx_box .adv_list h3{font-size:0.9rem;color: #000;line-height:2;/* font-weight:bold; */}
.adv_dx_box .adv_list p {font-size: 0.75rem;color:#555;line-height:2;display:inline-block;margin-bottom:5px;}

.adv_dx_box:hover .adv_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}


/***********优势**************/
.adv_bg{ overflow:hidden; padding:0px 0px 2.5rem;}
.adv_bg .swiper-slide{ padding:8px;}
.adv_bg .adv_img{ position:relative; width:100%; height:100%;transition: 0.38s;overflow:hidden;}
.adv_bg .adv_img img{width:100%; vertical-align:middle;transition: all 0.3s linear; -moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;}

.adv_bg .adv_list{width: 100%;padding:20px 2%; min-height:240px;box-sizing: border-box;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;box-shadow:2px 2px 10px rgba(6, 0, 1, 0.23);-webkit-box-shadow:2px 2px 10px rgba(6, 0, 1, 0.23); -moz-box-shadow:2px 2px 10px rgba(6, 0, 1, 0.23);}
.adv_bg .adv_list h3{font-size:0.9rem;color: #000; line-height:2; position:relative;text-align: center;}
.adv_bg .adv_list p {font-size: 0.75rem;color:#666;line-height:2;display:inline-block;margin-bottom:5px;}
.adv_bg .swiper-slide:hover .adv_img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/***********典型应用2*************/
.adv_mq_bg{ overflow:hidden; padding:2.5rem 0px 2.5rem; width:100%; background:url(../images/mq_bg.jpg) top center no-repeat;}
.adv_mq_bg  .adv_dx_tit{font-size: 0.9rem;text-align:center;color:#fff;font-weight:bold;line-height:2;margin: 5% 0px;text-shadow: 2px 2px 2px #000;}

.adv_mq_k{ background:#fff; margin-top:2.5rem;}


.adv_mq_box{overflow:hidden;padding:2rem 0px;border-bottom:2px dashed #ddd;width: 1244px;margin: 0 auto;max-width: calc(100% - 40px);}
.adv_mq_box .adv_img{ position:relative;width:150px;overflow:hidden; text-align:center;}
.adv_mq_box .adv_img img{width:100%; max-width:150px; vertical-align:middle;transition: all 0.3s linear; -moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;}

.adv_mq_box .adv_list{width: calc(100% - 150px);padding:40px 0px 0px 100px;box-sizing: border-box;}
.adv_mq_box .adv_list h3{font-size: 0.9rem;color: #000;line-height:2;/* font-weight:bold; */}
.adv_mq_box .adv_list h4{font-size: 0.75rem;color: #000;line-height:2;}
.adv_mq_box .adv_list p {
    
    width: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 10px 0;
    color: #333333;
    padding-left: 25px;
    font-size: 0.75rem;
    line-height: 30px;
}
.adv_mq_box .adv_list p::before {content: "●"; position: absolute;left: 0px; top: 0px; font-size: 14px; line-height: inherit;color: rgb(231, 8, 26);}

.adv_mq_box .adv_list img{ max-width:100%;}

/**************联系我们*******************/
.contact-tit{ overflow:hidden; padding:2.5rem 0px 1rem; width:100%;}
.contact-tit h3{font-size: 1.5rem; color: #333;    line-height: 1.5;}
.contact-tit p.en{font-size: 2rem;line-height:1.5;letter-spacing: 1px; color: #333;}

.contact-second{width: 100%;height:560px;position: relative; margin-bottom:2rem;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:560px;}

.con2{ background-color:#fff; padding:1rem 0px;}
.con2 ul{ padding:1rem 0;overflow: hidden; } 
.con2 li{ float:left; width:25%; padding:0 4rem; text-align:center; position:relative; }
.con2 li .iconfont{color:#e60012;font-size: 2rem;}
.con2 li div{font-size: 1rem;color:#333;margin-bottom:0.5rem;}
.con2 li p{font-size: 0.85rem;color:#999;}
.con2 li + li::before{content:'';position:absolute;width:1.2px;height:8rem;left:0;top:50%;margin-top:-3.5rem;background-color:#ededed;}
    
@media screen and (max-width: 768px){ .con2 li { padding: 0 1em; }
.con2 li div { margin-top: 0; }
}
@media screen and (max-width: 468px){ .con2 li { width: 50%; height: 100px; margin-bottom: 10px; }
.con2 li::before { display: none; }
.con2 li:nth-of-type(odd) { border-right: 1px solid #ededed; }
}

@media screen and (max-width: 767px){
	.wm_bg .wm_box .lf{width: 100%;}
	.wm_bg .wm_box .rf{width: 100%;}
	.adv_dx_box .adv_list {width: 100%; padding: 20px 0px;}
	.adv_dx_box .adv_img {width: 100%;}
	.adv_mq_box .adv_list { width: 100%;padding: 2rem 0px 0px 10px;box-sizing: border-box;}
	.videolist .text-con .zh img{ width:35%; max-width:500px;} 
	.mc_banner_inner .mc_ban_contianer{ display:none;}
	.news li { width: calc(100% - 2px); float: left;border: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf;padding-bottom: 1rem; margin-bottom:5px;}
	.jylb li { width: calc(100% - 1rem);}
	.zplb dd { width: calc(100% - 1rem);}
	.run_banner img{ max-width:100%;}
	.run_banner .intro_t { position:relative; width:90%;height: auto; display: block; right: -5%;margin-top: -25%;}
	.run_banner .intro_t img { margin-bottom: 5%;max-width:40%;}
	.tab-hd li img{ max-width:50%;}
	.jylb0 { padding: 0.5rem;}
}

.zztik{ display:block; width:100%; margin:0 auto 0px; padding-top:40px;}
.zzti-cn{ display:block; line-height:75px; font-size:34px; color:#0a0a0a;}
.zzti-cn table{ margin:0 auto;}
.zzti-cn b, .zzti-cn i{ display:block; width:50px; height:1px; background:#c2c2c2;}
.zzti-en{ display:block; text-align:center; line-height:20px; font-size:12px; color:#ababab;}

.yan_si{width: 100%;overflow:hidden;}
.yan_si li{ float:left;width:31.33%;margin:10px 1%;}
.yan_si li .pic { height: 0;padding-top:43.9%;position: relative;overflow: hidden;}
.yan_si li .pic img {position: absolute;left: 0;top: 0; width: 100%;height: 100%;}
.yan_si li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);transform-origin: 50% 50%;}
.yan_si li .pic img{transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;}


/***-----------分页-----------****/
.text-center {text-align: center; margin-top:1rem; margin-bottom:10px;}
.pagination{display: inline-block; padding-left: 0; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #CC0B1B; border-color: #CC0B1B;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}