html{font-size: 100px;}
a:hover, a:active{background-color: transparent;}
em,b,strong{font-style: normal;font-weight: none;}
@media (min-width: 1200px){a:hover{color: #a21f24;}}
small{display: block; font-size: 100%;}
input, textarea, button, select, radio{outline: 0; border: 0;}
select:link,select:visited{color: #666;}
textarea{resize: none;}
ul{list-style: none;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); }
::-ms-clear, ::-ms-reveal{display: none;}
select::-ms-expand{ display: none; } 
.mt0{margin-top: 0 !important;}
.mr0{margin-right: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.ml0{margin-left: 0 !important;}
.weui-cell{padding: 10px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.start{-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.end{-webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end;}
.nobefore::before, .noafter::after{display: none !important;}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none; -moz-box-shadow: none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #333;} 
input:-moz-placeholder, textarea:-moz-placeholder{color: #333;} 
input::-moz-placeholder, textarea::-moz-placeholder{color: #333;} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #333;} 


.pd0{padding: 0 !important;}
.pl0{padding-left: 0 !important;}
.pr0{padding-right: 0 !important;}

.white{color: #fff !important;}
.red{color: #a21f24 !important;}
.gray333{color: #333 !important;}
.gray999{color: #999 !important;}
.opacity5{opacity: .5;}

a.fill{display: block; width: 100%; height: 100%;}
.max{max-width: 100%;}
.auto{margin-left: auto !important; margin-right: auto !important;}
.img-cover{object-fit: cover;}
.img-contain{object-fit: contain;}

.bg-white{background-color: #fff;}
.bg-gray1{background-color: #f5f5f5;}
.bg-gray2{background-color: #f7f7f7;}

.f12{font-size: 12px;}
.f14{font-size: 16px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{font-size: 22px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f36{font-size: 36px;}
.f40{font-size: 40px;}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pb{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.hide{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.indent{text-indent: 2em;}
.normal{font-weight: normal;}
.vmid td{vertical-align: middle;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family:Arial !important;}
.noborder{border: 0 !important;}
.noradius{border-radius: 0 !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify;}
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}
.tips, .tips1{display: none; z-index: 100; top: 50%; left: 50%; margin-top: -20px; margin-left: -125px; padding: 10px; width: 250px; height: 40px; line-height: 20px; text-align: center; font-size: 16px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips{filter: none\9;}
:root .tips1{filter: none\9;}
@media (max-width: 639px){.tips, .tips1{position: fixed; -webkit-transform: translateZ(0)}}
.clearfix:after {display: block; clear: both; height: 0px; overflow: hidden; content: "\200B" }
/* css3 style */
.trans-3{-webkit-transition: all 0.35s linear; transition: all 0.35s linear;}
.trans-8{-webkit-transition: all 0.8s; transition: all 0.8s;}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.shadow{-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.main p{line-height: 1.6;}



.logo-ft{position: static; margin: 20px 0; float: left;}
@media (max-width: 816px){
.logo-ft{float: none;margin-right: auto;margin-left: auto;}
}


/*内页banner*/
.zjtf-banner{
  height: 540px;
  background: url(/html/Template/banner/banner_zjtf.jpg) no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.jjfa-banner{
  height: 540px;
  background: url(/html/Template/banner/banner_jjfa.jpg) no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.xmal-banner{
  height: 540px;
  background: url(/html/Template/banner/banner_xmal.jpg) no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.cpzx-banner{
  height: 540px;
  background: url(/html/Template/banner/banner_cpzx.jpg) no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.zlhz-banner{
  height: 540px;
  background: url(/html/Template/banner/banner_zlhz.jpg) no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.tftt-banner{
  height: 540px;
  background: url(/html/Template/banner/banner_tftt.jpg) no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}
.xstf-banner{
  height: 540px;
  background: url(/html/Template/banner/banner_xstf.jpg) no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}


@media (max-width: 1000px){
 .zjtf-banner,.jjfa-banner,.xmal-banner,.cpzx-banner,.zlhz-banner,.tftt-banner,.xstf-banner{height:30vh;}
}

/* 工程名录
.case-oversea ul li{
     font-size: 16px;
      color: rgb(51, 51, 51);
      line-height: 2.5;
}
.case-oversea ul{
	padding: 0;
}
.os-title{
  font-size: 22px;
  color: rgb(51, 51, 51);
  padding: 20px 0;
  border-bottom: 1px solid #a9a9a9;
}
.case-oversea .col-md-3{
	padding: 0;
}

.os-list{
	padding: 20px 0 80px;
}
.case-oversea{
	padding-top: 50px;
}
*/
/*工程名录样式2*/
.case-left{
	width: 20%;
	float: left;
}
.case-left ul li{
	text-align: center;
	font-size: 20px;
	padding: 2px 0;
	cursor: pointer;
}
.case-left ul li:hover{
	color: #940c08;
}
.case-right{
	width: 80%;
	padding: 0 2%;
	float: right;
	border-left: 1px solid #cccccc;
}

.case-right .item{
	border-bottom: 1px solid #cccccc;
	padding: 20px 0;
}
.case-right .item .col-md-4{
	font-size: 16px;
	padding: 10px 0;
}
.minglu-box{
	background: white;
    padding: 50px 0;
	margin: 0 10%;
	color:rgb(100, 100, 100);
}

.case-right .item h1{
	font-size: 20px;
	margin-top: 0;
}


.case-left.fixed{
	position: fixed;
	top: 20px;
}
@media (max-width: 639px){
	.minglu-box{margin: 0}
	.case-right .item .col-md-4{text-align: center;}
  .case-left{width:25%}
  .case-right{width:75%}
  .case-left ul li{font-size:16px;}
}


.idx-title{margin-top: .7rem; margin-bottom: .7rem;}
.idx-title h3{font-size: .4rem; color: #333;}
.idx-title .split span{display: inline-block; width: 10px; height: 10px; background: url(/html/Template/images/square.png) no-repeat center center; background-size: 10px;}
.idx-title .split i{position: relative; top: -.05rem; display: inline-block; margin: 0px; width: 1.17rem; height: 1px; background: #e0e0e0;}
.idx-title .en{margin-top: 5px; font-size: 12px; color: #333; opacity: .5;}
.idx-news{padding-bottom: .8rem;}
.idx-news .text-right{position: relative; height: 3.18vw;}
.idx-news .top i{position: absolute; right: 0; display: block; width: 0; height: 0; border-left: 26.663vw solid transparent; border-bottom: 3.18vw solid #d70c25;}
.idx-news .bottom i{position: absolute; right: 0; display: block; width: 0; height: 0; border-right: 26.663vw solid transparent; border-top: 3.18vw solid #d70c25;} 
.idx-news .swiper-container{margin-right: .67rem;}
.idx-news .weui-cell__ft{position: relative; width: 26.663vw; color: #fff; text-align: left; overflow: hidden;}
.idx-news .textbox{position: relative; padding: .6rem .34rem; min-height: 21.8vw; background: #d70c25;}
.idx-news .textbox::before{position: absolute; display: block; content: ""; left: 0; top: -1px; width: 100%; height: 2px; background: #d70c25;}
.idx-news .textbox a{color: #fff;}
.idx-news .imgbox a{position: relative; background: no-repeat center center; background-size: cover;}
.idx-news .imgbox a::after{opacity: 0; position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.35); -webkit-transition: all .3s; transition: all .3s}
.idx-news .date{margin-bottom: .26rem; padding-top: 10px; font-size: 16px; border-top: 1px solid #ffd261;}
.idx-news h6{font-size: 20px; line-height: 32px;/*  height: 64px;  */color: #fff;}
.idx-news .line{display: block; margin: .28rem 0; width: 17px; height: 3px; background: #fff;}
.idx-news .desc{font-size: 14px; line-height: 26px; height: 182px;}
.idx-news-dot{position: absolute; right: 0; top: 50%; width: .67rem; background: #7b7b7b;}
.idx-news .swiper-slide .imgbox{-webkit-animation: zoomOut 1s cubic-bezier(0.4, 0, 1, 1); animation: zoomOut 1s cubic-bezier(0.4, 0, 1, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-news .swiper-slide-active .imgbox{-webkit-animation: slideInRight 1.2s cubic-bezier(.23, 1, .38, 1); animation: slideInRight 1.2s cubic-bezier(.23, 1, .38, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-news .swiper-pagination{left: 50%; top: 20%; width: 22px; margin-left: -11px;}
.idx-news .swiper-pagination::before{position: absolute; left: 50%; top: .35rem; bottom: .35rem; display: block; content: ""; border-left: 1px dotted #fff;}
.idx-news .swiper-pagination-bullet{position: relative; display: block; margin: .23rem auto; width: 22px; height: 22px; opacity: 1; background: none; overflow: hidden;}
.idx-news .swiper-pagination-bullet::before, .idx-news .swiper-pagination-bullet::after{position: absolute; display: block; content: ""; top: 50%; left: 50%; -webkit-transition: all .3s; transition: all .3s;}
.idx-news .swiper-pagination-bullet::before{margin-top: -5px; margin-left: -5px; width: 10px; height: 10px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%;}
.idx-news .swiper-pagination-bullet::after{margin-top: -11px; margin-left: -8px; width: 16px; height: 22px; background: #7b7b7b url(../images/dot.png) no-repeat center center; background-size: 16px; -webkit-transform: scale(0); transform: scale(0);}
.idx-news .swiper-pagination-bullet-active::before{-webkit-transform: scale(0); transform: scale(0);}
.idx-news .swiper-pagination-bullet-active::after{-webkit-transform: scale(1); transform: scale(1);}
@media (min-width: 1200px){
.idx-news .imgbox:hover a::after{opacity: 1;}
.idx-news .imgbox:hover a{-webkit-transform: scale(1.05); transform: scale(1.05);}
.idx-news .textbox a:hover .line{width: 100%;}
}
@media (max-width: 1440px){.idx-news .swiper-pagination{top: 18%;}}
@media (max-width: 1400px){.idx-news .swiper-pagination{top: 15%;}}
@media (max-width: 1199px){
.idx-news .textbox{padding-top: .3rem; padding-bottom: .3rem;}
.idx-news .text-right{height: 2.5vw;}
.idx-news .top i{border-bottom-width: 2.5vw;}
.idx-news .bottom i{border-top-width: 2.5vw;}
.idx-news .swiper-pagination{top: 5%;}
}
@media (max-width: 991px){
.idx-news .weui-cell__ft{width: 30vw;}
.idx-news .top i{border-left-width: 30vw;}
.idx-news .bottom i{border-right-width: 30vw;}
}
@media (max-width: 639px){
.idx-news .weui-cell{display: block;}
.idx-news .text-right{display: none;}
.idx-news .weui-cell__ft{width: 100%;}
.idx-news .imgbox{height: 51.47vw !important;}
.idx-news h6{font-size: 17px; line-height: 28px; height: 56px;}
.idx-news-dot{top: 0; height: 100% !important; margin-top: 0 !important;}
.idx-news .swiper-pagination{top: 30%;}
}


/*** 
=============================================
    Team Area style
=============================================
***/
.single-team-member {
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 500ms ease;
    margin-bottom:20px;
}
.single-team-member .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 500ms ease; 
}
.single-team-member .img-holder img{
    transition: all 0.5s ease-in-out 0.6s;    
    width: 100%;  
}
.single-team-member:hover .img-holder img{
    transform: scale(1.2, 1.2); 
}
.single-team-member .img-holder .overlay-style-one{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0;
    text-align: center;
    transform: perspective(370px) rotateX(-90deg);
    transform-origin: top;
    transition: all 0.5s;
    background-color: rgba(9, 40, 35, 0.90);
}
.single-team-member:hover .img-holder .overlay-style-one{
	opacity: 1;
    transform: perspective(370px) rotateY(0deg);
}
.single-team-member .text-holder {
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 0;
    background: #666;
    display: block;
    padding: 0px 0 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 3;
    transform: translate3d(0px, 81px, 0px);
    transition: all 500ms ease;
}
.single-team-member:hover .text-holder{
    padding: 36px 0 30px;
    transform: translate3d(0px, 0px, 0px);    
}
.single-team-member .text-holder h3{
    color: #ffffff;
    margin: 0 0 5px;
    font-size:20px;
    line-height:35px;
}
.single-team-member .text-holder span{
    color: #ffffff;
    font-size: 16px;
}
.single-team-member .text-holder .button{
    display: block;
    padding-top: 23px;
}
.single-team-member .text-holder .button a{
    background: #d70f28;
    color: #ffffff;
    padding: 13px 38px 13px;
}
.single-team-member .text-holder .button a:hover{
    background: #ffffff;
    border-color: #ffffff;
    color: #333333;
}