﻿:root {
 --theme-color1:#232331;
 --theme-color2:#d70006;
 --theme-color2-light:#ca1f26;
 --theme-color3:#ff9205;
 --theme-color3-light:#ffbf42;
 --theme-color4:#f8f5f1;
 --bg-theme-color1:#232331;
 --bg-theme-color2:#d70006;
 --bg-theme-color2-light:#ca1f26;
 --bg-theme-color3:#ff9205;
 --bg-theme-color3-light:#ffbf42;
 --border-theme-color1:#232331;
 --border-theme-color2:#d70006;
 --border-theme-color2-light:#ca1f26;
 --border-theme-color3:#ff9205;
 --border-theme-color3-light:#ffbf42;
 --border-theme-color4:#f8f5f1;
 --sans-serif:"DM Sans",sans-serif
}


.about-section {
	/*position: relative;*/ margin:0px;
	padding: 20px 0px;
}
.about-section .float-image {
 position:absolute;
 right:-430px;
 bottom:-90px;
 z-index:9
}
.about-section .icon-dots-1 {
 left:-100px;
 top:-50px
}
.about-section .icon-dotted-map {
 left:-320px;
 bottom:100px
}
.about-section .content-column {
/* position:relative;*/
 margin-bottom:50px;
 z-index:1
}
.about-section .content-column .inner-column {
	/* position:relative;*/
	padding-left: 0px; padding-right:0px;
	margin-top: -5px
}
.about-section .content-column .btm-box {
 margin-top:45px
}
.about-block {
 position:relative;
 padding-left:100px;
 padding-bottom:15px;
 border-bottom:1px solid #efeae4;
 margin-top:25px
}
.about-block:last-child {
 border-bottom:0;
 padding-bottom:0;
 margin-bottom:0
}
.about-block .icon {
 position:absolute;
 left:0;
 top:0;
 height:90px;
 width:70px;
 
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 border-top:2px solid #FA4318;background:#eee;
 font-size:48px;
 color:#FA4318;
 -webkit-transition:all 300ms ease;
 transition:all 300ms ease;
 border-radius:0 0 50px 50px
}
.about-block:hover .icon {
 background-color:#FA4318;
 color:#fff;
}
.about-block .title {
 position:relative;
 font-size:24px;
 color:var(--theme-color1);
 font-weight:700;
 top:-3px;
 margin-bottom:10px
}
	/*小屏幕*/
@media screen and (max-width: 768px) {
.about-block .title{ font-size: 20px;}
		  }
.about-block .text {
 font-size:16px;
 line-height:28px;
 color:#767676;
 margin-top:5px;
 
}
.about-section .image-column {
/* position:relative;*/
 margin-bottom:30px
}
.about-section .image-column .inner-column {
/* position:relative;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:100%*/
}
.about-section .image-column .image-1 {
 position:relative;
 margin-right:0px;
 margin-bottom:20px;
}

.about-section .image-column .image-1:before {
 position:absolute;
 right:0;
 bottom:0;
 height:100px;
 width:70px;
 background-image:url(../images/icons/shape-1.png);
 content:""
}
.about-section .image-column .image-1 img {
	margin-top:70px;
 margin-bottom:0px;
 
 width:100%;
/* height:100%;*/
 -o-object-fit:cover;
 object-fit:cover;
 border-radius:10px
}
/*小屏幕*/
@media screen and (max-width: 768px) {
	
	.about-section .image-column .image-1 img {	margin-top:0px;}
	}
.about-section .image-column .image-2 {
 position:relative;
 margin-bottom:20px
}
.about-section .image-column .image-2:before {
 position:absolute;
 right:0;
 top:0;
 height:100px;
 width:70px;
 background-image:url(../images/icons/shape-2.png);
 content:""
}
.about-section .image-column .image-2 img {
 min-width:290px;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 border-radius:10px
}
.about-section .experience {
 position:absolute;
 bottom:150px;
 left:-90px;
 max-width:240px;
 background:#fff;
 padding:30px 30px 25px 30px;
 font-size:14px;
 line-height:20px;
 color:#767676;
 font-weight:700;
 border:3px solid var(--border-theme-color1);
 border-radius:10px;
 letter-spacing:.1em;
 -webkit-box-shadow:0 10px 60px rgba(0,0,0,0.07);
 box-shadow:0 10px 60px rgba(0,0,0,0.07);
 text-transform:uppercase
}
.about-section .experience:before {
 position:absolute;
 left:100%;
 bottom:0;
 margin-left:-10px;
 border-right:30px solid transparent;
 border-bottom:30px solid #fff;
 content:""
}
.about-section .experience strong {
 position:relative;
 padding-left:70px;
 font-size:24px;
 line-height:20px;
 color:var(--theme-color1);
 font-weight:700;
 display:block;
 min-height:54px;
 margin-bottom:20px;
 text-transform:capitalize;
 letter-spacing:0;
 padding-top:10px
}
.about-section .experience strong .icon {
 position:absolute;
 left:0;
 top:0;
 color:var(--theme-color2);
 font-size:54px;
 line-height:1em
}



.theme-btn {
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
 text-align:center;
 white-space:nowrap;
 -webkit-transition:all .3s ease;
 transition:all .3s ease
}
.theme-btn .btn-title {
 position:relative
}

.btn-style-one {
 position:relative;
 font-size:14px;
 line-height:30px;
 color:#fff;
 padding:15px 50px;
 font-weight:600;
 background:#FA4318;
 letter-spacing:.1em;
 overflow:hidden;
 border-radius:5px;
 text-transform:uppercase
}
.btn-style-one:before {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%;
 content:"";
 background-color:var(--bg-theme-color1);
 -webkit-transform:scale(0,1);
 transform:scale(0,1);
 -webkit-transform-origin:top right;
 transform-origin:top right;
 transition:-webkit-transform 500ms cubic-bezier(0.86,0,0.07,1);
 -webkit-transition:-webkit-transform 500ms cubic-bezier(0.86,0,0.07,1);
 transition:transform 500ms cubic-bezier(0.86,0,0.07,1);
 transition:transform 500ms cubic-bezier(0.86,0,0.07,1),-webkit-transform 500ms cubic-bezier(0.86,0,0.07,1);
 -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);
 transition-timing-function:cubic-bezier(0.86,0,0.07,1)
}
.btn-style-one:hover:before {
 -webkit-transform:scale(1,1);
 transform:scale(1,1);
 -webkit-transform-origin:bottom left;
 transform-origin:bottom left
}
.btn-style-one:hover {
 color:#fff;
 -webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1);
 box-shadow:0 10px 30px rgba(0,0,0,0.1)
}
.btn-style-one.hvr-light:hover {
 color:var(--theme-color2)
}
.btn-style-one.hvr-light:before {
 background-color:#fff
}
.btn-style-one.alternate {
 background:var(--bg-theme-color2)
}

.sec-title {
 position:relative;
 margin-bottom:30px
}
.sec-title .sub-title {
 position:relative;
 top:-5px;
 display:inline-block;
 font-size:16px;
 color:var(--theme-color2);
 text-transform:uppercase;
 letter-spacing:.1em;
 font-weight:700
}
.sec-title .sub-title:before {
 position:absolute;
 left:100%;
 top:50%;
 height:2px;
 width:35px;
 margin-left:10px;
 margin-top:-1px;
 background:var(--bg-theme-color2);
 content:""
}
.sec-title h2 {
 position:relative;
 font-size:36px;
 line-height:1.2em;
 color:var(--theme-color1);
 font-weight:700
}
	/*小屏幕*/
@media screen and (max-width: 768px) {
.sec-title h2{ font-size: 24px;}
		  }
.sec-title .text {
 font-size:16px;
 line-height:30px;
 color:#767676;
 margin-top:30px
}

.about_bg{	background-image: url(../images/about_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center; padding-top:60px; margin-top:40px; padding-bottom:40px;}
	/*小屏幕*/
@media screen and (max-width: 768px) {
.about_bg{ padding-bottom:0px;}
		  }
		  
.text_row{ /****超出4行省略****/
overflow : hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 4; 
-webkit-box-orient: vertical; }