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


/*-- 头部 - */
.mob-header{height:6rem; width:100%; background:#b10000; overflow:hidden;}
.mob-header .hd-logo{float:left; width:50%; display:table-row;}
.mob-header .hd-logo a{height:6rem; line-height:6rem; display:table-cell;  vertical-align:middle;}
.mob-header .hd-logo img{width:100%;}
.mob-header .hd-adv-txt{float:right; width:50%; position:relative; display:table-row;}
.mob-header .hd-adv-txt p{width:100%; height:6rem; line-height:6rem; color:#fff; text-align:center; font-size:1.4rem; background:#b10000;}
@-webkit-keyframes fadeInOut {
    0% {
        opacity:1;
     }
    25% {
        opacity:0;
    }
    50% {
        opacity: 0;    
    }
    75% {
        opacity:1;
    }
}
.anim_fade_txt{
    position:absolute;    
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 10s;
    -webkit-animation-direction: alternate;
}
/*-- 导航 - */
.mob-navigation{width:100%; height:3.5rem; background:#3f3f40; overflow:hidden;}
.mob-navigation li{text-align:center; float:left; width:16.66%;}
.mob-navigation a{line-height:3.5rem; color:#fff; font-weight:bold; font-size:1.5rem; text-align:center; text-align:center;}
.mob-navigation li.active{background:#5D5D5D;}

/*-- banner - */
.mob-banner img{width:100%;}
/*-- 4个模块 - */
.mob-four-box{padding:1rem 0 .5rem .5rem;}
.mob-four-box li{ float:left; width:50%; margin-bottom:.5rem;}
.mob-four-box a{display:block; margin-right:.5rem;}
.mob-four-box a img{width:100%;}

/*-- 首页新闻 - */
.mob-ind-news{margin:0;padding: 0 .5rem;}
.mob-ind-news .tit{height:3.8rem; background:#f5f5f5;}
.mob-ind-news .tit a{line-height:3.6rem; display:block; overflow:hidden; width:50%; float:left; border-bottom:.2rem solid #e0e0e0; text-align:center; line-height:3.6rem; color:#333; font-size:1.6rem; font-weight:bold;}
.mob-ind-news .tit a.active{ border-bottom:.2rem solid #b10000; color:#b10000;}
.mob-ind-news .con{padding:.5rem;}
.mob-ind-news .content li{border-bottom:1px solid #f5f5f5; line-height:2.8rem; height:2.8rem; overflow:hidden; position:relative; padding:0 5rem 0 1rem;}
.mob-ind-news .content li a{width:100%; display:inline-block; overflow:hidden; line-height:2.8rem; height:2.8rem;}
.mob-ind-news .content li i{position:absolute; left:0; top:.7rem;}
.mob-ind-news .content li span{color:#888; position:absolute; right:0; top:0; display:inline-block; text-align:right;}
.mob-ind-news .content a.more{text-align:center; background:#f5f5f5; line-height:2.4rem; margin:.5rem 0; display:block;}

/*-- 首页最新案例 - */
.mob-ind-case{padding:0 .5rem;}
.mob-idx-tit{border-bottom:1px solid #e8e8e8; padding-bottom:.5rem;}
.mob-idx-tit span{ color:#333; font-weight:bold; font-size:1.6rem;}
.mob-idx-tit span em{color:#b10000; font-size:1.2rem; font-weight:normal;}
.mob-idx-con{padding:1rem 0;}
.mob-ind-case img{width:100%;}
.mobcase .swiper-slide{position:relative;}
.mobcase .swiper-slide p{position:absolute; left:0; bottom:0; width:100%; height:1.8rem; line-height:1.8rem; overflow:hidden; color:#CCC; background:rgba(0,0,0,.5); color:#fff; font-size:1rem; padding:0 .5rem; box-sizing:border-box;}

/*-- 链接 - */
.mob-links li{float:left; width:33.33%; border-bottom:.5rem solid #f5f5f5;}
.mob-links .mob-idx-tit{margin:0 .5rem;}
.mob-links .con{padding:0 0 .5rem .5rem;  border-top:.5rem solid #f5f5f5;}
.mob-links li .bord{border-right:.5rem solid #f5f5f5;}
.mob-links li .bdr{margin-right:.5rem;}
.mob-links li .box img{width:100%;}

/*-- 底部 - */
.mod-footer{text-align:center; padding:1.5rem .5rem; font-size:1.2rem; color:#888; line-height:1.8rem;    clear: both;
    border-top: 1px solid #ddd;}


/*-- 内页框架 --*/
#wrapper{width:100%; position:absolute; left:0; top:5.5rem; bottom:0; background:#111; overflow:hidden;}
.page-container{width:100%;	overflow:hidden;position:absolute; top:0px; left:0px;background:#fff; bottom:0; overflow:scroll;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
.page-container.animate{left:150px;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}

.page-container .title{ height:3.5rem; line-height:3.5rem;padding: 0 2.3rem; text-align:center; color:#333; font-size:1.6rem; border-bottom:1px solid #dadada;}
.page-container .content{padding:.8rem;}
.page-container .content img{width:100%;}
div.burger {height: 25px; width:26px; padding:0 7px; position:fixed;top: 5.5rem; left: 0rem;cursor: pointer; z-index:99999;}
div.x,div.y,div.z {position: absolute; margin: auto;top: 0px; bottom: 0px;		background: #b10000;border-radius:2px;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}		
div.x, div.y, div.z {height: 3px;width: 26px;
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
}
div.y.squize{width:0;
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
}
div.y{top: 18px;}
div.z{top: 37px;}	 
div.open div.x, div.open div.z{top:19px;
	-webkit-transition: all 70ms ease-out;
	-moz-transition: all 70ms ease-out;
	-ms-transition: all 70ms ease-out;
	-o-transition: all 70ms ease-out;
	transition: all 70ms ease-out;
}
div.rotate30{		
	-ms-transform: rotate(30deg); 
	-webkit-transform: rotate(30deg); 
	transform: rotate(30deg);	
	-webkit-transition: all 70ms ease-out;
	-moz-transition: all 70ms ease-out;
	-ms-transition: all 70ms ease-out;
	-o-transition: all 70ms ease-out;
	transition: all 70ms ease-out;					
}
div.rotate150{
	-ms-transform: rotate(150deg); 
	-webkit-transform: rotate(150deg); 
	transform: rotate(150deg);	
	-webkit-transition: all 70ms ease-out;
	-moz-transition: all 70ms ease-out;
	-ms-transition: all 70ms ease-out;
	-o-transition: all 70ms ease-out;
	transition: all 70ms ease-out;					
}
div.rotate45{
	-ms-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);	
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;					
}
div.rotate135{
	-ms-transform: rotate(135deg); 
	-webkit-transform: rotate(135deg); 
	transform: rotate(135deg);	
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;					
}
div.menu {width:150px;margin-left:-150px;opacity:0; position:absolute; left:0; top:0; bottom:0;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
#menu-bg{position: absolute;left: -10px;top: 0; bottom:0;	opacity: 0.3;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.menu.animate #menu-bg{left:-23px;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.menu.animate{
	opacity:1;
	-webkit-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 500ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.menu ul{margin-top:40px;position:relative;}
div.menu ul li {list-style: none;width:150px;text-align:center;}
div.menu ul li a {color:#e2e2e2;text-decoration:none; display:block; padding:.8rem 0; text-align:center; font-size:1.4rem; font-weight:bold;}
div.menu.animate ul li {margin-left:150px; 
	-webkit-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 800ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.menu.animate li:nth-of-type(1){transition-delay: 0.0s;}
div.menu.animate li:nth-of-type(2){transition-delay: 0.06s;}
div.menu.animate li:nth-of-type(3){transition-delay: 0.12s;}
div.menu.animate li:nth-of-type(4){transition-delay: 0.18s;}
div.menu.animate li:nth-of-type(5){transition-delay: 0.24s;}

/*---团队--*/
.changfang-tab{width:100%;}
.changfang-tab td{padding:.2rem; position:relative;}
.job-tab td{border:1px solid #e8e8e8; padding:.5rem;}
.job-tab .zp-tit{font-weight:bold; color:#333; width:5rem;}
.job-tab .zp-con{font-size:1.2rem; color:#454545;}
.job-tab{margin-bottom:1rem; border-top:.3rem solid #ccc;}
.tems-list{margin:0;}
.tems-list ul{}
.tems-list li{margin-bottom:.5rem;}
.tems-list .teambox{ background:#efefef; padding-right:1rem;}
.tems-list .teambox .img{float:left; width:30%; }
.tems-list .teambox .img img{width:100%;}
.tems-list .teambox .txt{float:left; width:70%; padding-left:1rem; box-sizing:border-box;}
.tems-list .teambox .txt h2{color:#000;}
.tems-list .teambox .txt p{font-size:1.2rem;}

/*---资讯--*/
.news-page li{position:relative; padding-left:13rem; margin-bottom:.5rem; padding-bottom:.5rem; border-bottom:1px dashed #e8e8e8;}
.news-page li .img{width:12rem; height:8.6rem; position:absolute; left:0; top:0;}
.news-page li .img p{position:absolute; left:0; top:0; background:rgba(177,0,0,.7); color:#fff; font-size:1.2rem; padding:.1rem .2rem;}
.news-page li .img img，.news-page li .img a{width:12rem; height:8.6rem; display:block;}
.news-page li .txt{height:8.6rem; width:100%;}
.news-page li .txt h3{height:2.6rem; line-height:2.6rem; color:#333; overflow:hidden; font-weight:bold;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.news-page li .txt .info{height:4rem; line-height:2rem; overflow:hidden;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-page li .txt .info a{line-height:2rem; color:#666; font-size:1.4rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;}
.news-page li .txt .time{color:#9b9b9b; font-size:1.3rem; line-height:2rem;}
.news-page li:after{content:""; clear:both; display:block;}
.news-page h1{color:#333; font-weight:bold; text-align:center;}
.news-page .ti{color:#888; text-align:center;}
.news-page .t-info{line-height:2rem; font-size:1.4rem;}
.news-page .t-info img{width:100%; display:block; margin:.5rem 0;}


/*---分页--*/
.PageCode{text-align:center; margin:.5rem 0;height: auto;overflow: hidden;}
.PageCode a,.PageCode span{ float: left; display:inline-block; border:1px solid #eee; border-radius:.3rem; padding:.5rem 1rem; margin:0 .5rem;}
.PageCode a{color:#333;}
.PageCode a.disnone{color:#ccc; border-color:#ccc; cursor:none;}

/*---产品中心--*/
div.menu ul.pro-sort li a{padding:.8rem 0 .8rem 1.8rem; font-weight:normal; text-align:left;}
div.menu ul.pro-sort li a i{ margin-right:.3rem;}
div.menu ul.pro-sort .first-sort{color:#FF3136; font-size:1.4rem; font-weight:bold; margin:.8rem 0; text-align:left; padding-left:1.2rem;}
div.menu ul.pro-sort .first-sort i{font-weight:normal; margin-right:.2rem;}
div.menu ul.pro-sort .sec-sort{display:none;}

.product-content{margin:0;}
.prosBox{margin-bottom:1rem;}
.prosBox .tit{border-bottom:1px solid #e8e8e8; padding-bottom:.5rem; margin:.8rem 0;}
.prosBox .tit span{color:#333; font-size:1.5rem; font-weight:bold;}
.prosBox .tit span em{color:#b10000; font-size:1.2rem;}
.prosBox .tit s{float:right; color:#888; text-decoration:none; font-size:1.2rem;}
.prosBox .prolist{margin-right:-.6rem;}
.prosBox .prolist li{margin-bottom:.6rem; float:left; width:50%;}
.prosBox .prolist li .box{margin-right:.6rem;}
.prosBox .prolist li img{width:100%;}
.prosBox .prolist li .txt{background:#f5f5f5; padding:.5rem;font-size:1.2rem;line-height:1.6rem;}
.prosBox .prolist li .txt span,.prosBox .prolist li .txt a,.hotimgbox a,.hotimgbox span{color:#333; line-height:1.6rem; font-size:1.2rem;}
.hotimgbox .img{display:block;}
.hotimgbox .txt{padding:.5rem;line-height:1.6rem; background:#f5f5f5; font-size:1.2rem;}
.hotimgbox .casetit{word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.hotimgbox .casetit a{font-weight:bold; color:#333; font-size:1.4rem;}
.hotimgbox .casetxt{padding-top:.3rem;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

.prosBox .pro-bigimg{margin-bottom:.5rem; padding-bottom:.5rem; border-bottom:1px dashed #e8e8e8;}
.prosBox .pro-detail li{width:16.66%; float:left; }
.prosBox .pro-detail{margin-right:-.5rem;}
.prosBox .pro-detail li img{width:100%;}
.prosBox .pro-detail .img-small{margin-right:.5rem;}
.prosBox .pro-detail .img-big{position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.7); display:none;}
.prosBox .pro-detail .img-big img{width:240px; height:240px; position:absolute; left:50%; top:50%; margin-left:-120px; margin-top:-120px;}
.line-show{margin:0;}
.prosBox .info-itmes{margin:0;}
.prosBox .info-itmes .info-tit{border-bottom:1px dashed #e8e8e8; color:#333; line-height:2.5rem; margin-bottom:.8rem;}
.prosBox .info-itmes .info-tit span{font-size:1.6rem; font-weight:bold; margin-right:.5rem;}
.prosBox .info-itmes .info-tit em{font-size:1.4rem; margin-left:.5rem; color:#888;}
.prosBox .info-itmes .info-con img{margin-bottom:.5rem;}
.prosBox .info-itmes .info-con .abt{color:#33; margin-bottom:.8rem;}
.prosBox .pro-info p{color:#333; padding:.3rem 0;}