* 04.START ABOUT US + FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/
.partner{}
.about-us {
position: relative;
padding:4% 0;
}
.about-us:before {
background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
/*background: linear-gradient(339deg, rgba(0, 0, 0, 0.38) 0%, rgba(193, 24, 255, 0.36) 73%);*/
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}v
.about-us{
padding-top:0px;
padding-bottom:60px;
}
.about-title {
	width: 80%;
	margin: auto;
	margin-bottom: 60px;
	line-height: 36px;
	font-weight: 600;
	font-size: 26px;
}
.about_feature {
	background: #fff;
	height: 300px;
	margin:4% 0;
	z-index: 2;
	position: relative;
	padding: 20px;
	transition: all 0.4s ease 0s;
	border-radius:10px;
	border: #ccc 1px solid;
}

.about_feature:hover{
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
position:relative;
z-index:1;
background:#3b7eff;
transform: translate(0, -10px);
border: #3b7eff 1px solid;
}
.about_feature2:hover{background:#f54291;border: #f54291 1px solid;}
.about_feature3:hover{background:#7e0cf5;border: #7e0cf5 1px solid;}
.about_feature4:hover{background:#35ac39;border: #35ac39 1px solid;}
.about_feature  .gaodu{
    height:12rem;
}

.icon {
	border-radius: 100px;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1);
	color: #fff;
	display: inline-block;
	line-height: 60px;
	position: relative;
	text-align: center;
	top: 20px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 60px;
}
.icon_bg{border: #3b7eff 1px solid;}
.icon_bg2{border: #f54291 1px solid;}
.icon_bg3{border: #7e0cf5 1px solid;}
.icon_bg4{border: #35ac39 1px solid;}
.about_feature h4 {
	margin: 0;
	position: relative;
	text-transform: capitalize;
	top: 40px;
	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	font-weight: 700;
	font-size: 21px;
	letter-spacing: 0.2rem;
}
.about_feature h4 b{color: #f08300}

.about_feature h5 {
	margin: 0;
	position: relative;
	text-transform: capitalize;
	top: 50px;
	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	font-weight: 500;
	color: #515151;
	font-size: 18px;
	letter-spacing: 0.15rem;
	line-height: 30px;
}
.about_feature div a{
	display:inline-block;
	position: relative;
	text-transform: capitalize;
	top: 70px;
	font-size: 18px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	border-radius:0.5rem;
	margin: 0 auto;
	text-align: center;
	background: #f08300;
	color: #fff;
}
.about_feature:hover .icon {
    top:20px;
    color: #fff;
    background: #fff;
    border: #fff 1px solid;
}
.about_feature:hover h4 {
    color: #fff;
    top: 40px;
}
.about_feature:hover h4 b{color: #fff}
.about_feature:hover h5 {
    color: #fff;
    top: 50px;
}
.about_feature p {
	color:#000;
    top: 20px;
}
.about_feature:hover p {
    top:20px;
}

/*START FEATUERE DESIGN*/
.feature-one{
padding:80px 0;
}
.single_feature_img{text-align: center;}
.single_feature_img img{display: inline-block;}
.single_feature_one{padding-top:150px;}
@media only screen and (max-width:768px) { 
.single_feature_one{
padding-bottom: 60px;
padding-top: 0;}
}
.single_feature_one h3{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_feature_one p{margin: 30px 0;}

/*START FEATURE TWO DESIGN*/
.feature-two{
padding-top:80px;
padding-bottom:50px;
}
.single_feature_two{padding-top: 60px;}
@media only screen and (max-width:768px) { 
.single_feature_two{padding-top:60px;}
}
@media only screen and (max-width:480px) { 
.single_feature_two{
padding-bottom: 0;
padding-top: 50px;}
}
.single_feature_two h3{
color: #2a2b2f;
font-size: 45px;
font-weight: normal;
line-height: 50px;
margin: 0;
}
.single_feature_two p{margin: 30px 0;}
.single_feature_two_img{}

.single_feature_two_img img{}
/*END FEATURE DESIGN*/
.single_feature_btn_light {
	background: #3b7eff;
	border: 2px solid #3b7eff;
	border-radius: 5000px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	padding: 15px 45px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width:360px) { 
.single_feature_btn_light {padding: 10px 40px;}
}
.single_feature_btn_light:hover{
background:#f54291;
color:#fff;
border: 2px solid #f54291;
}
/******************************************************************************/
.blog .blog-content .inner h2 a{
    font-size:2.3rem!important;
    margin-bottom: 15px;
    letter-spacing: 0.2rem;
    font-weight: 800;
}

.blog .blog-content .intro {
    font-size: 14px;
    margin-bottom:0px;
}

.blog .blog-content .intro dt a{
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 550;
    color: #555;
    letter-spacing: 0.1rem;
    line-height: 1.8;
}

.blog .blog-content .intro dd {
    color: #999;
    margin-bottom: 10px;
    line-height: 1.8;
    font-size: 17px;
    letter-spacing: 0.1rem;
	  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog .blog-content .intro .intro_key {
    color: #999;
    margin-bottom: 10px;
    line-height: 1.8;
    font-size: 17px;
    letter-spacing: 0.1rem;
	  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog .blog-content .btn-wrap {
    overflow: hidden;
    margin-bottom: 3.5%;
    margin-left: 2%;
}

.blog .blog-content .btn-wrap a {
  width: 90px;
  height: 40px;
  border: 1px solid #fff;
  background: #f08300;
  color: #fff;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  float: left;
  margin-right: 5%;
  transition: all .2s;
  border-radius: 1.5rem;
}

.blog .blog-content .btn-wrap a.btn-2 {
    background: #ff0000;
    color: #fff;
}

.blog .blog-content .btn-wrap a:hover {
    background: #de6800;
    color: #fff;
    border-color: #de6800;
}

.blog .blog-content .btn-wrap a.btn-2:hover {
    background: #d50101;
    color: #fff;
    border-color: #d50101;
}

.blog .blog-content .example .examples {
    border-top: 1px #b1b0b0 dashed;
    padding-top: 15px;
}
.blog .blog-content .example .examples h3 a{
    font-size: 18px;
    font-weight: 550;
    color: #555;
    letter-spacing: 0.1rem;
    line-height: 1.5;
    float: left;
}
.blog .blog-content .example .examples h4{
    margin:0px;
}
.blog .blog-content .example .examples h4 a{
    font-size: 16px;
    font-weight: 500;
    color: #555;
    line-height:25px;
    float: right;
    max-height: 25px;
    padding-right: 0px;
}

.nodle{background: #fff;margin-bottom: 5%}

.apple ul{ width:100%; height:150px;list-style:none; padding:0; margin-top:11px;}
.apple li{ width:100%; height:50px; line-height:50px; text-align:left; font-size:16px; border-bottom: 1px dashed #aaa; margin-left:5px;
 margin-right:10px; padding: 5px 0px;}
.apple li a { display:inline-block; font-size:16px; text-decoration:none; margin-right:0px; line-height: 42px;
 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width: 50%;}
.apple li span{ display:block; float:right; margin-right:5px; color: #000;line-height: 42px;padding-top: 0px;font-size:14px}
.apple a{display:block; text-decoration:none;}
.apple img{text-align: left;padding-right: 10px; display: inline-block;margin: 0 auto;}
.apple,.aa{ width:100%; height:150px; overflow:hidden; margin:0px 0 10px 0; border:1px solid #f5f5f5; background: #fafafa;}
.apple a,.aa a{ width:100%; height:50px; line-height:50px; color:#333;}
.aa {word-wrap:break-word;line-height:50px;  color:#1B96EE;}
.tab_menu{ padding: 0px 0px 50px 0px;}

#show_time {
	color: #f00;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.1rem;
	width:100%;
	text-align:left;
	padding:0px 0px 10px 0px;
}

 .subscribe-title2 {text-align: center;background-image: url(../images/baomi3.png); margin: 4% 0;padding: 2.5% 0; color: #fff;
 max-width: 100%;max-height: 100%;background-size:100% 100%;  
   }
.subscribe-title2 h2{
    font-size:4.0rem;
    color: #fff;
    letter-spacing: 0.2rem;
    font-weight: bold;
    text-transform: uppercase;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
@media (min-width:0px){
    html{font-size:12px;}
}
@media (min-width: 320px){
    .subscribe-title2 h2{
    font-size:1.0rem;
}
}
@media (min-width: 340px){
    .subscribe-title2 h2{
    font-size:1.0rem;
}
}
@media (min-width: 360px){
   .subscribe-title2 h2{
    font-size:1.2rem;
}
}
@media (min-width: 380px){
    .subscribe-title2 h2{
    font-size:1.5rem;
}
}
@media (min-width: 400px){
    .subscribe-title2 h2{
    font-size:1.5rem;
}
}
@media (min-width: 420px){
   .subscribe-title2 h2{
    font-size:1.8rem;
}

}
@media (min-width: 750px){
   .subscribe-title2 h2{
    font-size:2.5rem;
}
}

@media screen and (max-width: 750px) {
    .blog .blog-content .btn-wrap a.btn-2 {
   margin-top: 3%;
    }
    .blog .blog-content .btn-wrap {
    margin-left: 0%;
    margin-bottom: 6%;
}
}