/*about*/
.about-l,.about-r,.about-l2,.about-r2,.col-lg-6{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
	float:left;
    position: relative;
}
.section-title .subtitle {
    position: relative;
    margin-bottom: 15px;
    font-size: 16px;
    text-transform: uppercase;
    color: #d6a77b;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-title.text-left .subtitle {
    justify-content: flex-start;
    margin-left: 20px;
}
.section-title .subtitle span:first-child{
    width: 20px;
    height: 2px;
    display: block;
    position: relative;
    margin-right: 20px;
    margin-bottom: 5px;
    background-color: #d6a77b;
}
.section-title .subtitle span:first-child::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    line-height: 1;
    background-color: #d6a77b;
    margin-top: 5px;
}
.section-title .subtitle span:first-child::after {
    right: 0;
    position: absolute;
}
.section-title .title {
    position: relative;
    margin: 0;
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 15px;
    font-weight: 600;
}
.sigma_counter.style-2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: revert;
    margin: 20px 0;
}
.sigma_counter.style-2 b {
    color: #d09162;
    font-size: 80px;
    line-height: 1;
    letter-spacing: 10px;
    position: relative;
    width: 100px;
}
.sigma_counter.style-2 .sigma_counter-content {
    margin-left: 40px;
    text-align: left;
    color: #1c1c1c;
    font-size: 20px;
    line-height: 1.3;
}
.sigma_counter.style-2 .sigma_counter-content span {
    display: block;
}
.about-p{
	font-size: 14px;
    line-height: 1.8;
    margin-bottom: 15px;
    color: #777;
}
.mr-lg-30 {
    margin-left: 30px;
}
.sigma_dots.dots-2 {
    width: 100%;
    left: 0px;
    right: auto;
    height: 100%;
    top: -20px;
}
.sigma_dots {
    width: 70px;
    height: 30px;
    content: '';
    background-position: 0 0,5px 7px;
    background-size: 12px 12px;
    position: absolute;
    display: block;
    background-image: -o-radial-gradient(#d1d4d8 1px,transparent 1px),-o-radial-gradient(#d1d4d8 1px,transparent 1px);
    background-image: radial-gradient(#d1d4d8 1px,transparent 1px),radial-gradient(#d1d4d8 1px,transparent 1px);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    background-color: rgba(255,255,255,.3);
    top: 20px;
    opacity: 1;
    z-index: -1;
}
.col-lg-6 img{max-width:100%;}
.mtop50{margin-top:50px;}
.cer{padding:20px; }
.cer li{width:30%; margin-left:5%; float:left; border:1px solid #e5e5e5; box-sizing: border-box;}
.cer li img{max-width:100%;}
.cer li span{padding-top:16px; padding-bottom:16px; text-align: center; font-size: 16px; font-weight:600; display: block;}
.cer li:first-child{margin-left:0;}
.cer li:nth-child(4){margin-left:0}
.cer li:nth-child(4),.cer li:nth-child(5),.cer li:nth-child(6){margin-top:26px;}
/**references**/
.filter-items h5 a{
    position: relative;
    transition: .3s;
    padding: 10px 10px;
    font-size: 14px;
    color: #777;
    margin: 0 5px;
    cursor: pointer;
    background-color: #f7f7f7;}
	.filter-items h5 a:hover{color:#d6a77b;}
.filter-items h5.active {
    background-color: #d6a77b;
    color: #fff;
	padding:10px;
}
.filter-items {
    position: relative;
    max-width: 100%;
    margin: 40px auto 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.text-center {
    text-align: center!important;
}
.col-lg-4 {
   flex: 0 0 30.333333%;
    max-width: 30.333333%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
	margin-top:20px;
}
.sigma_portfolio-item img{width:100%;}	
.sigma_portfolio-item{border:1px solid #e5e5e5;}
.sigma_portfolio-item-content-inner h5{ text-align: center; padding:16px 10px;color:#555;}
.filter-items h5:hover{color:#d09162;}	
.art-body img{max-width:100%;}
.mb30{margin-bottom:30px;}
/*about*/
.ab-box{width:357px;height:186px; position: relative; border-radius: 8px; float:left; margin-left:19px; overflow: hidden;}
.ab-box a h3{color:white; margin:0;padding:0;}
.ab-box img{ width:100%; height:100%; position:absolute; z-index: 1;}
.ab-box h3{font-size: 36px;  text-align: center; line-height:186px; position: relative;z-index: 3;}

.video-box {
    margin-top: 40px;
    text-align: center;
}
.vv{width:1024px; height:680px;}

.his-cover{width:100%; height:100%; background:rgba(0,0,0,0.5);}
.his{width:1110px;margin:0 auto; padding-top:40px;}
.his-box{background:url(../images/line4.png)  50px 0 repeat-y; padding-bottom:30px; }
.his h4{font-size: 24px;color:#5c5c5c; position: relative; height:45px; line-height:45px; text-indent:80px; background:url(../images/his1.png) 28px 0 no-repeat;}
.his p{ font-size: 14px; color:#777; font-weight: 500; margin-top:10px;padding-left:80px;background:url(../images/his2.png) 40px 0 no-repeat;}
.his img{ margin-left:80px; margin-top:20px;}

.his-menu{ background:#e5e5e5;}
.his-menu ul{ width:1110px; margin:0 auto;}
.his-menu ul li{ padding:10px 20px; float:left;font-size: 16px; font-weight: 500; border-left:1px solid white;}
.his-menu ul li.his-active{background:#d6a77b;  }
.his-menu ul li.his-active a{color:white;}
.his-menu ul li a{ color:#5C5C5C;}
.his-menu ul li a:hover{color:#d6a77b;}
.his-menu ul li.his-active a:hover{color:white;}
.website{padding-top:10px; padding-bottom:20px;}
.website {width:100%;margin-left:10px;}
.website  span{margin-left:10px;}
.website  a{color:#777;}
.website  a:hover{color:#d6a77b;}
.container-c{width:1110px; height:auto;position: relative;
    z-index: 1;
    padding: 30px 0 10px 0;
	margin:0 auto;
	}
	.mleft0{margin-left:0;}
	.pro-banner h2 {
    font-size: 36px;
    padding-top: 120px;
	color:white; text-align:center;
	margin-top:0;
}
.his-cover{width:100%; height:100%; background:rgba(0,0,0,0.5);}
.his{width:1110px;margin:0 auto; padding-top:40px;}
.his-box{background:url(../images/line4.png)  50px 0 repeat-y; padding-bottom:30px; }
.his h4{font-size: 24px;color:#5c5c5c; position: relative; height:45px; line-height:45px; text-indent:80px; background:url(../images/his1.png) 28px 0 no-repeat;}
.his p{ font-size: 14px; color:#777; font-weight: 500; margin-top:10px;padding-left:80px;background:url(../images/his2.png) 40px 0 no-repeat;}
.his img{ margin-left:80px; margin-top:20px;}

.his-menu{ background:#e5e5e5;}
.his-menu ul{ width:1110px; margin:0 auto;}
.his-menu ul li{ padding:10px 20px; float:left;font-size: 16px; font-weight: 500; border-left:1px solid white;}
.his-menu ul li.his-active{background:#d6a77b;  }
.his-menu ul li.his-active a{color:white;}
.his-menu ul li a{ color:#5C5C5C;}
.his-menu ul li a:hover{color:#d6a77b;}
.his-menu ul li.his-active a:hover{color:white;}
.pro-banner{padding-top:1px;}

@media screen and ( max-width: 980px ) {
	.pro-banner h2 {padding-top:180px;}
	.container-c{width:100%;}
	.vv {
    width: 100%;
    height: 320px;
}
.ab-box {
    width: 90%;
    margin-left: 0;
    float: none;
    margin: 0 auto;
    margin-top: 20px;
}
.his-menu ul li {
    padding: 10px 10px;
   
}
.col-sm-12{max-width:100%;}
.about-l, .about-r, .about-l2, .about-r2, .col-lg-6{width:100%;max-width:100%; }
.align-items-center{ padding-left:10px; padding-right:10px;}
.cer li{width:100%; margin-left:0; margin-top:20px;}
.mr-lg-30{margin-left:0;}
.about-r2{margin-top:30px;}
.his img {
    margin-left: 80px;
    margin-top: 20px;
}
.his-box img {
    max-width: 70%;
}
.his{width:100%;}
.his-menu ul{
	width:100%;
}
.his-menu ul li {
    font-size: 13px;
    font-weight: 600;   
}
.section-title .title{font-size:24px;}
.container-c img{max-width:100%;}
.light-bg{padding-left:10px; padding-right:10px;}
.pro-banner h2{font-size:24px;}
/*contact*/


}