/* Spring - Software, App, Saas & Product Showcase Landing HTML5 Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style One / Style Two
5. Main Banner / One / Two / Three / Four
6. What We Offer
7. Features Section
8. Services Section
9. Products Section
10. Inventory Section
11. Blog Section
12. Testimonials One
13. Contact Section
14. Main Footer / Style One / Style Two / Style Three
15. Specific Features
16. Clients Section
17. Testimonials Two
18. Sponsors Section
19. Call To Action
20. Features Section Two
21. Specific Features
22. Overview Section
23. Download App
24. Invoice Section
25. Pricing Section
26. Call To Actions Two
27. Page Title
28. Sidebar Page Container
29. Sidebar
30. Sidebar Widgets
31. Blog Grid View
32. BLog Details
33. Comments Area
34. Comment Form
35. Styled Pagination
36. Responsive.css

**********************************************/

/*
font-family: 'Heebo', sans-serif;
*/

@import url('font-awesome.css');
@import url('themify-icons.css');
@import url('linear-icons.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery.fancybox.css');

/***

====================================================================
	Reset
====================================================================

 ***/
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/***

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Heebo', sans-serif;
	font-size:18px;
	color:#ff5b2d;
	line-height:1.6em;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#ff5b2d;
}

a:hover,a:focus{
	text-decoration:none;
	outline:none;
    color: #eb7e1f;
}

h1,h2,h3,h4,h5,h6 {
	position:relative;
	font-family: 'Heebo', sans-serif;
	font-weight:400;
	margin:0px;
	background:none;
	line-height:1.4em;
}

input,button,select,textarea{
	font-family: 'Heebo', sans-serif;
}

textarea{
	overflow:hidden;
}

p{
	position:relative;
	line-height:1.6em;
}

.strike-through{
	text-decoration:line-through;
}

.auto-container{
	position:static;
	max-width:1200px;
	padding:0px 15px;
	margin:0 auto;
}

.medium-container{
	max-width:850px;
}

.page-wrapper{
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:300px;

}

.home-page-wrapper{
    background: #eb8125;
}
ul,li{
	list-style:none;
	padding:0px;
	margin:0px;
}

.theme-btn{
	display:inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.centered{
	text-align:center;
}

.anim-3,.anim-3-all *{
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.anim-5,.anim-5-all *{
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.anim-7,.anim-7-all *{
	transition:all 0.7s ease;
	-moz-transition:all 0.7s ease;
	-webkit-transition:all 0.7s ease;
	-ms-transition:all 0.7s ease;
	-o-transition:all 0.7s ease;
}

.btn-style-one{
	position:relative;
	padding:12px 45px;
	line-height:26px;
	background:#ff5b2d;
	font-size:16px;
	font-weight:400;
	color:#ffffff;
	text-transform:capitalize;
	text-align:center;
	font-family: 'Heebo', sans-serif;
	border-radius:4px;
}

.btn-style-one:hover{
	color:#ffffff;
	background:black;
}

.btn-style-two{
	position:relative;
	padding:10px 32px;
	line-height:28px;
	background:#fef9f4;
	font-size:16px;
	font-weight:400;
	border:1px solid #ff5b2d;
	color:black;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Heebo', sans-serif;
	border-radius:4px;
}

.btn-style-two .icon{
	position:relative;
	font-size:14px;
	vertical-align:middle;
	padding-left:10px;
}

.btn-style-two:hover{
	color:#ffffff;
	background:#ff5b2d;
}

.btn-style-three{
	position:relative;
	line-height:24px;
	background:#fef9f4;
	font-size:14px;
	font-weight:500;
	color:#775d46;
	text-transform:uppercase;
	font-family: 'Heebo', sans-serif;
}

.btn-style-three.lightbox-image .icon{
	position:relative;
	display:inline-block;
	font-size:9px;
	vertical-align:middle;
	width:18px;
	height:18px;
	font-weight:700;
	line-height:16px;
	border:1px solid;
	border-radius:50%;
	text-align:center;
	padding-left:1px;
	margin-left:10px;
}

.btn-style-three:hover{
	color:#ff5b2d;
}

.btn-style-four{
	position:relative;
	padding:10px 32px;
	line-height:28px;
	background:none;
	font-size:16px;
	font-weight:400;
	border:1px solid #775d46;
	color:black;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Heebo', sans-serif;
	border-radius:4px;
}

.btn-style-four .icon{
	position:relative;
	font-size:14px;
	vertical-align:middle;
	padding-left:10px;
}

.btn-style-four:hover{
	color:#ffffff;
	background:#775d46;
}

.btn-style-five{
	position:relative;
	padding:12px 45px;
	line-height:26px;
	background:#f1ab6d;
	font-size:16px;
	font-weight:400;
	color:#ffffff;
	text-transform:capitalize;
	text-align:center;
	font-family: 'Heebo', sans-serif;
	border-radius:4px;
}

.btn-style-five:hover{
	color:#ffffff;
	background:black;
}

.btn-style-six{
	position:relative;
	padding:11px 30px 9px;
	line-height:30px;
	/*background:#ee8f3c;*/
	font-size:14px;
	font-weight:400;
	color:#ee8f3c;
	background: #FFFFFF;
	letter-spacing:0.03em;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Heebo', sans-serif;
	border-radius:3px;
	-webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.90);
	-ms-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.90);
	-o-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.90);
	-moz-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.90);
	box-shadow:0px 0px 1px 0px rgba(0,0,0,0.90);
}

.btn-style-six .icon{
	position:relative;
	font-size:14px;
	vertical-align:middle;
	padding-right:10px;
}

.btn-style-six:hover{
	color:#775d46;
	background:#ee8f3c;
}

.btn-style-seven{
	position:relative;
	padding:11px 32px 9px;
	line-height:28px;
	background:#fef9f4;
	font-size:14px;
	font-weight:400;
	border:1px solid #d0bcaa;
	color:#ff5b2d;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Heebo', sans-serif;
	border-radius:4px;
}

.btn-style-seven .icon{
	position:relative;
	font-size:14px;
	vertical-align:middle;
	padding-right:10px;
}

.btn-style-seven:hover{
	color:#ffffff;
	background:#ff5b2d;
}

.btn-style-eight{
	position:relative;
	padding:11px 32px 9px;
	line-height:28px;
	background:#ffffff;
	font-size:14px;
	font-weight:400;
	border:1px solid #d0bcaa;
	color:#ff5b2d;
	text-transform:uppercase;
	text-align:center;
	font-family: 'Heebo', sans-serif;
	border-radius:4px;
}

.btn-style-eight .icon{
	position:relative;
	font-size:14px;
	vertical-align:middle;
	padding-right:10px;
}

.btn-style-eight:hover{
	color:#ffffff;
	background:#ff5b2d;
}

.theme_color{
	color:#ff5b2d;
}

.no-bg{
	background:none !important;
}

.light-font{
	font-weight:300;
}

.regular-font{
	font-weight:400;
}

.semibold-font{
	font-weight:600;
}

.bold-font{
	font-weight:700;
}

img{
	display:inline-block;
	max-width:100%;
}

.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#ffffff; background-position:center center; background-repeat:no-repeat; background-image:url(../images/xiangjiaoAPP_preloader.svg);}


/***

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top{
	position:fixed;
	bottom:20px;
	right:20px;
	width:60px;
	height:60px;
	color:#ffffff;
	font-size:20px;
	text-transform:uppercase;
	line-height:60px;
	text-align:center;
	z-index:10000;
	cursor:pointer;
	background:#222222;
	display:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.scroll-to-top:hover{
	color:#ffffff;
	background:#ff5b2d;
}

/***

====================================================================
	Main Header style
====================================================================

***/

.main-header{
	position:absolute;
	left:0px;
	top:0px;
	z-index:9999;
	width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .auto-container{
	position:relative;
	max-width:1800px;
}

.main-header.alternate .auto-container,
.main-header.header-style-two .auto-container{
	max-width:1200px;
}

.main-header .main-box{
	position:relative;
	left:0px;
	top:30px;
	width:100%;
	padding:0px 50px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header.header-style-two .main-box{
	top:0px;
	background:rgba(0,0,0,0.90);
}

.main-header .main-box:after{
	content:'';
	position:absolute;
	left:0px;
	top:100%;
	height:0px;
	width:100%;
	opacity:0;
	border-bottom:1px solid rgba(0,0,0,0.10);
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;

}

.main-header.fixed-header .main-box:after,
.main-header.header-style-two .main-box:after{
	opacity:1;
}

.main-header.fixed-header .main-box{
	position:fixed;
	top:0px;
	z-index:999;
	opacity:1;
	visibility:visible;
	background-color:#ffffff;
}

.main-header.header-style-two.fixed-header .main-box{
	top:0px;
	background:rgba(0,0,0,0.90);
}

.main-header .main-box .outer-container{
	position:relative;
}

.main-header .main-box .logo-box{
	position:relative;
	float:left;
	left:0px;
	padding:15px 0px;
}

.main-header .main-box .logo-box .logo img{
	display:inline-block;
	max-width:100%;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .nav-outer{
	position:relative;
	float:right;
}

.main-header .nav-outer .other-links{
	position:relative;
	float:left;
	padding-top:20px;
	margin-left:50px;
}

.main-header.header-style-two .nav-outer .other-links{
	margin-left:30px;
}

.main-header .nav-outer .other-links .btn-style-one{
	padding:7px 40px;
}

.main-header.alternate .nav-outer .other-links .theme-btn{
	text-transform:capitalize;
	padding:7px 32px;
}

.main-header.header-style-two .nav-outer .other-links .theme-btn{
	position:relative;
	text-transform:capitalize;
	color:#ffffff;
	top:7px;
	line-height:18px;
	font-size:16px;
	padding:2px 0px 0px 25px;
	border-left:1px solid #ffffff;
}

.main-header.header-style-two .nav-outer .other-links .theme-btn:hover{
	text-decoration:underline;
}

.main-menu{
	position:relative;
	float:left;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-menu .navbar-collapse{
	padding:0px;
}

.main-menu .navigation{
	position:relative;
	font-family: 'Heebo', sans-serif;
}

.main-menu .navigation > li{
	position:relative;
	float:left;
	margin:0px 0px 0px 40px;
}

.main-menu .navigation > li > a{
	position:relative;
	display:block;
	color:#8c6c51;
	line-height:30px;
	text-transform:capitalize;
	letter-spacing:0.01em;
	opacity:1;
	padding:25px 0px;
	font-size:18px;
	font-weight:400;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.header-style-two .main-menu .navigation > li > a{
	color:#ffffff;
}

.main-menu .navigation > li > a:before{
	content:'';
	position:absolute;
	left:0px;
	bottom:20px;
	width:0px;
	border-bottom:2px solid #ff5b2d;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.header-style-two .main-menu .navigation > li > a:before{
	bottom:auto;
	top:0px;
	border-bottom-color:#ffffff;
}

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{
	color:#ff5b2d;
	opacity:1;
}

.header-style-two .main-menu .navigation > li:hover > a,
.header-style-two .main-menu .navigation > li.current > a,
.header-style-two .main-menu .navigation > li.current-menu-item > a{
	color:#ffffff;
}

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li.current-menu-item > a:before{
	width:22px;
}

.header-style-two .main-menu .navigation > li:hover > a:before,
.header-style-two .main-menu .navigation > li.current > a:before,
.header-style-two .main-menu .navigation > li.current-menu-item > a:before{
	width:100%;
}

.main-menu .navigation > li > ul{
	position:absolute;
	left:0px;
	top:100%;
	width:220px;
	padding:0px;
	z-index:100;
	display:none;
	background:#ffffff;
	border-top:2px solid #ff5b2d;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul.from-right{
	left:auto;
	right:100%;
}

.main-menu .navigation > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.15);
}

.main-menu .navigation > li > ul > li:last-child{
	border-bottom:none;
}

.main-menu .navigation > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 20px;
	line-height:22px;
	font-weight:400;
	font-size:15px;
	text-transform:capitalize;
	color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li:hover > a{
	background:black;
	color:#ffffff;
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
	font-family: 'FontAwesome';
	content: "\f105";
	position:absolute;
	right:10px;
	top:12px;
	width:10px;
	height:20px;
	display:block;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;
}

.main-menu .navigation > li > ul > li > ul{
	position:absolute;
	left:100%;
	top:0px;
	width:220px;
	padding:0px;
	z-index:100;
	display:none;
	background:#ffffff;
	border-top:2px solid #ff5b2d;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.main-menu .navigation > li > ul > li > ul.from-right{
	left:auto;
	right:100%;
}

.main-menu .navigation > li > ul > li > ul > li{
	position:relative;
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.15);
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
	border-bottom:none;
}

.main-menu .navigation > li > ul > li > ul > li > a{
	position:relative;
	display:block;
	padding:12px 20px;
	line-height:22px;
	font-weight:400;
	font-size:15px;
	text-transform:capitalize;
	color:#222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:hover > a{
	background:black;
	color:#ffffff;
}

.main-menu .navigation > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:100%;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
	visibility:visible;
	opacity:1;
	top:0px;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
	position:absolute;
	right:10px;
	top:6px;
	width:34px;
	height:30px;
	border:1px solid #ffffff;
	text-align:center;
	font-size:18px;
	line-height:28px;
	color:black;
	background:#ffffff;
	cursor:pointer;
	z-index:5;
	display:none;
}

/***

====================================================================
	Main Banner style
====================================================================

***/

.main-banner{
	z-index:1;
    overflow:hidden;
    padding-top: 80px;
}
.main-banner-content{
    position:relative;
}

.main-banner .bg-img{
    /*position:absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    width:100%;
    height:auto;
    z-index: -1;
}
.main-banner .bg-img.modal-show{
    display: none;
}

.main-banner .bannerContent{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.main-banner .lunboBox {
    width: 15.5%;
    height: auto;
    position: absolute;
    left: 22.3%;
    top: 10%;
}
.main-banner .bannerContent .videobBox {
    width: 100%;
    height: 100%;
}

.main-banner .bannerContent .videobBox video {
    width: 100%;
    height: 100%;
}

.main-banner .modalShow{
    display: none;
    position: relative;
    background: url("../images/xiangjiaoAPP_modal-banner-bg.webp") repeat;;
}
.main-banner .bannerShow{
    width: 34%;
    height: auto;
    position: absolute;
    top: 10%;
    left: 13%;
    z-index: 998;
}
.main-banner .lunboBox>img,.main-banner .bannerShow>img {
    width: 100%;
    height: auto;
}
.main-banner .rightContent{
    position: absolute;
    left: 50%;
    top: 10%;
    right: 5%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    color: #ffffff;
}
.main-banner .rightContent .title{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.main-banner .rightContent .title .name{
    font-size: 2.8em;
    width: 100%;
    line-height: 1.2em;
}
.main-banner .rightContent .desc{
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*justify-content: center;*/
    padding-top: 10px;
    line-height: 1.2em;
}
.main-banner .rightContent .padding20{
    padding: 0 10px;
}
.main-banner .downContent{
    display: flex;
    justify-content: space-between;
    margin-top: 10%;
}
.main-banner .downContentDesc{
    margin-top: 20px;
    font-size: 16px;
}
.main-banner .downContentDesc{
    line-height: 1.2em;
}
.main-banner .downLoadShow {
    min-width: 0;
    flex: 1 0;
    /*width: 30%;*/
    height: auto;
    margin-right: 5%;
    /*position: absolute;*/
    /*top: 45%;*/
    /*right: 36.1%;*/
}
.main-banner .downContent .downContentAuto{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #ffffff;
}
.main-banner .bannerContent .androidBtn,.main-banner .bannerContent .iosBtn {
    width: 100%;
    height: auto;
    display: block;
    cursor: pointer;
    z-index: 1000;
}

.main-banner .androidBtn img,.main-banner .iosBtn img {
    width: 100%;
    height: auto;
    cursor: pointer;
}

.main-banner .androidBtn>img:hover,.main-banner .iosBtn>img:hover {
    opacity: .9;
}




.main-banner .footer-img{
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0%;
    left: 0;
    z-index: 999;
}

.main-banner .text-column .inner{
    position:relative;
    padding-top:80px;
    color:#ffffff;
}

.main-banner .text-column h2{
    font-size:36px;
    font-weight:700;
    margin-bottom:10px;
}

.main-banner .text-column p{
    font-size:18px;
    font-weight:300;
    margin-bottom:50px;
}


/*Banner One*/
.banner-one{
	position:relative;
	padding:250px 0px 100px;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
}

.banner-one .text-column,
.banner-one .image-column{
	margin-bottom:30px;
}

.banner-one .text-column .inner{
	position:relative;
	padding-top:100px;
}

.banner-one .text-column h4{
	font-size:18px;
	color:#ff5b2d;
	text-transform:capitalize;
	margin-bottom:30px;
}

.banner-one .text-column h2{
	font-size:36px;
	font-weight:300;
	color:black;
	margin-bottom:15px;
}

.banner-one .text-column p{
	font-size:18px;
	margin-bottom:50px;
}

/*Banner Two*/
.banner-two{
	position:relative;
	padding:270px 0px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}

.banner-two:before{
	content:'';
	position:absolute;
	bottom:-300px;
	left:0px;
	width:100%;
	height:437px;
	background:url(../images/xiangjiaoAPP_banner-shape-1.webp) left bottom no-repeat;
}

.banner-two .text-column,
.banner-two .image-column{
	margin-bottom:30px;
}

.banner-two .text-column .inner{
	position:relative;
	padding-top:40px;
}

.banner-two .text-column h4{
	font-size:18px;
	color:#ff5b2d;
	text-transform:capitalize;
	margin-bottom:20px;
}

.banner-two .text-column h2{
	font-size:34px;
	font-weight:400;
	color:#2a2f40;
	margin-bottom:15px;
}

.banner-two .text-column p{
	font-size:18px;
	margin-bottom:40px;
}

/*Banner Three*/
.banner-three{
	position:relative;
	padding:340px 0px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	overflow:hidden;
}

.banner-three:before{
	content:'';
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:200px;
	background:url(../images/xiangjiaoAPP_banner-shape-2.webp) left bottom no-repeat;
}

.banner-three .image-layer{
	position:absolute;
	right:0px;
	top:0px;
	width:50%;
	left:50%;
	height:100%;
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}

.banner-three .text-column{
	position:relative;
}

.banner-three .text-column .inner{
	position:relative;
}

.banner-three .text-column h4{
	font-size:18px;
	color:#ff5b2d;
	text-transform:capitalize;
	margin-bottom:20px;
}

.banner-three .text-column h2{
	font-size:34px;
	font-weight:500;
	color:#2a2f40;
	line-height:1.3em;
	margin-bottom:15px;
}

.banner-three .text-column p{
	font-size:18px;
	margin-bottom:40px;
}

.banner-three .text-column .links-box a{
	position:relative;
	display:inline-block;
	margin-right:30px;
	margin-bottom:20px;
}


/***

====================================================================
	Heading Styles
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:60px;
}

.sec-title.centered{
	margin-bottom:70px;
}

.sec-title .icon{
	position:relative;
	line-height:1em;
	font-size:60px;
	margin-bottom:30px;
}

.sec-title h2{
	position:relative;
	font-size:30px;
	color:black;
	font-weight:300;
	line-height:1.4em;
}

.sec-title .desc-text{
	position:relative;
	font-size:18px;
	line-height:1.6em;
	font-weight:300;
	padding-top:15px;
}

.sec-title.centered .desc-text{
	max-width:720px;
	margin:0 auto;
}

.sec-title-two{
	position:relative;
	margin-bottom:40px;
}

.sec-title-two.centered{
	margin-bottom:70px;
}

.sec-title-two h2{
	position:relative;
	font-size:30px;
	color:black;
	font-weight:400;
	line-height:1.4em;
	padding-bottom:20px;
}

.sec-title-two.alternate h2{
	color:#00000e;
}

.sec-title-two h2:before{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:50px;
	border-bottom:3px solid #f1ab6d;
}

.sec-title-two.centered h2:before{
	left:50%;
	margin-left:-25px;
}

.sec-title-two .desc-text{
	position:relative;
	font-size:18px;
	line-height:1.6em;
	font-weight:300;
	padding-top:30px;
}

.sec-title-two.centered .desc-text{
	max-width:550px;
	margin:0 auto;
}

.sec-title-three{
	position:relative;
	margin-bottom:50px;
}

.sec-title-three.centered{
	margin-bottom:60px;
}

.sec-title-three h2{
	position:relative;
	font-size:30px;
	color:black;
	font-weight:300;
	line-height:1.4em;
}

.sec-title-three .desc-text{
	position:relative;
	font-size:18px;
	line-height:1.6em;
	font-weight:300;
	padding-top:20px;
}

.sec-title-three.centered .desc-text{
	max-width:720px;
	margin:0 auto;
}

/***

====================================================================
	Products Section
====================================================================

***/

.products-section{
	position:relative;
	padding:130px 0px;
}

.products-section .services-outer{
	position:relative;
	border:1px solid #fcecde;
	border-radius:3px;
}

.service-style-one{
	position:relative;
	padding:0px;
	margin:0px;
}

.service-style-one .inner-box{
	position:relative;
	display:block;
	padding:45px 32px 60px;
	border-right:1px solid #fcecde;
	background:url(../images/xiangjiaoAPP_bg-shape-one.webp) left top no-repeat;
}

.services-outer .service-style-one:last-child .inner-box{
	border-right:none;
}

.service-style-one .inner-box .icon{
	position:relative;
	margin-bottom:30px;
}

.service-style-one .inner-box h3{
	color:black;
	font-size:18px;
	font-weight:500;
	margin-bottom:15px;
}

.service-style-one .inner-box h3 a{
	color:black;
}

.service-style-one .inner-box h3 a:hover{
	color:#ff5b2d;
	text-decoration:underline;
}

.service-style-one .inner-box .text{
	font-size:18px;
	font-weight:400;
	margin-bottom:40px;
}

.service-style-one .inner-box .link-box{
	position:relative;
	text-align:right;
}

.service-style-one .inner-box .link-box a{
	color:#ff5b2d;
	font-size:14px;
	text-transform:uppercase;
}

.service-style-one .inner-box .link-box a .icon{
	position:relative;
	vertical-align:middle;
	padding-left:10px;
}

.service-style-one .inner-box .link-box a:hover{
	color:#ff5b2d;
}

/***

====================================================================
	Features Section
====================================================================

***/

.features-section{
	position:relative;
	background:#fef9f4;
	padding:130px 0px 150px;
}

.features-section.alternate{
	background:#ffffff;
}

.features-section .features-column{
	position:relative;
}

.features-section .carousel-column{
	position:relative;
	margin-bottom:30px;
}

.feature-block-one{
	position:relative;
	margin-bottom:30px;
}

.feature-block-one .inner-box{
	position:relative;
	padding-right:30px;
	display:block;
}

.feature-block-one .inner-box .icon{
	position:relative;
	margin-bottom:20px;
}

.feature-block-one .inner-box h3{
	color:black;
	font-size:18px;
	font-weight:500;
	margin-bottom:12px;
}

.feature-block-one .inner-box h3 a{
	color:black;
}

.feature-block-one .inner-box h3 a:hover{
	color:#ff5b2d;
}

.feature-block-one .inner-box .text{
	font-size:18px;
	font-weight:400;
}

.features-section .carousel-column .inner{
	position:relative;
	padding-left:70px;
}

.features-section .carousel-column .inner:before{
	content:'';
	position:absolute;
	right:-130px;
	top:-110px;
	width:290px;
	height:290px;
	background:url(../images/xiangjiaoAPP_bg-shape-two.webp) center center no-repeat;
}

.features-section.alternate .carousel-column .inner:before{
	background:url(../images/xiangjiaoAPP_bg-shape-three.webp) center center no-repeat;
}

.image-carousel-one{
	position:relative;
	-webkit-box-shadow:3px 3px 15px 0px rgba(0,0,0,0.15);
	-ms-box-shadow:3px 3px 15px 0px rgba(0,0,0,0.15);
	-o-box-shadow:3px 3px 15px 0px rgba(0,0,0,0.15);
	-moz-box-shadow:3px 3px 15px 0px rgba(0,0,0,0.15);
	box-shadow:3px 3px 15px 0px rgba(0,0,0,0.15);
}

.image-carousel-one img{
	display:block;
	border-radius:4px;
}

.image-carousel-one .owl-nav{
	display:none;
}

.image-carousel-one .owl-dots{
	position:absolute;
	left:0px;
	bottom:-80px;
	width:100%;
	text-align:center;
}

.image-carousel-one .owl-dots .owl-dot{
	position:relative;
	display:inline-block;
	margin:0px 5px;
}

.image-carousel-one .owl-dots .owl-dot span{
	position:relative;
	display:block;
	width:16px;
	height:16px;
	border:2px solid #ff5b2d;
	border-radius:50%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	-moz-transform:scale(0.7);
	transform:scale(0.7);
}

.image-carousel-one .owl-dots .owl-dot.active span{
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}

/***

====================================================================
	Inventory Section
====================================================================

***/

.inventory-section{
	position:relative;
	background:#fef9f4;
	padding:130px 0px 170px;
}

.inventory-section .sec-title{
	margin-bottom:32px;
}

.inventory-section .content-box{
	position:relative;
	max-width:610px;
	margin:0 auto;
}

.inventory-section .content-box:before{
	content:'';
	position:absolute;
	left:-130px;
	bottom:-110px;
	width:290px;
	height:290px;
	background:url(../images/xiangjiaoAPP_bg-shape-two.webp) center center no-repeat;
}

.inventory-section .content-box:after{
	content:'';
	position:absolute;
	right:-130px;
	top:-110px;
	width:290px;
	height:290px;
	background:url(../images/xiangjiaoAPP_bg-shape-two.webp) center center no-repeat;
}

.inventory-tabs{
	position:relative;
	z-index:5;
}

.inventory-tabs .tab-buttons{
	position:relative;
	text-align:center;
	font-size:16px;
	margin-bottom:25px;
}

.inventory-tabs .tab-buttons .tab-btn{
	position:relative;
	color:#8c6c51;
	display:inline-block;
	text-transform:capitalize;
	line-height:24px;
	margin:0px 10px;
	cursor:pointer;
}

.inventory-tabs .tab-buttons .active-btn{
	color:#ff5b2d;
}

.inventory-tabs .tabs-content{
	position:relative;
}

.inventory-tabs .tabs-content .tab{
	position:relative;
	opacity:0;
	visibility:hidden;
	height:0;
	overflow:hidden;
	transition:opacity 300ms ease;
	-moz-transition:opacity 300ms ease;
	-webkit-transition:opacity 300ms ease;
	-ms-transition:opacity 300ms ease;
	-o-transition:opacity 300ms ease;
}

.inventory-tabs .tabs-content .active-tab{
	position:relative;
	opacity:1;
	visibility:visible;
	height:auto;
	overflow:visible;
}

/***

====================================================================
	Testimonials Section
====================================================================

***/

.testimonials-section{
	position:relative;
	background:#ffffff;
	padding:130px 0px 170px;
	border-bottom:1px solid rgba(31,140,235,0.30);
	overflow:hidden;
}

.testimonials-section .outer-container{
	position:relative;
}

.testimonials-section .outer-container:before{
	content:'';
	position:absolute;
	right:-230px;
	bottom:-160px;
	width:660px;
	height:670px;
	background:url(../images/xiangjiaoAPP_bg-shape-four.webp) center right no-repeat;
}

.testimonials-carousel-one{
	position:relative;
}

.testimonials-carousel-one .text-column{
	position:relative;
}

.testimonials-carousel-one .text-column .inner{
	position:relative;
}

.testimonials-carousel-one .text-column .text{
	font-size:30px;
	font-weight:300;
	line-height:1.4em;
	color:black;
	font-style:italic;
}

.testimonials-carousel-one .info-column .inner{
	position:relative;
	padding-top:25px;
	text-align:right;
}

.testimonials-carousel-one .info-column .info{
	position:relative;
	text-align:left;
	display:inline-block;
	min-height:66px;
	padding-top:10px;
	padding-left:96px;
	font-size:14px;
	color:#ff5b2d;
}

.testimonials-carousel-one .info-column .info h4{
	font-size:17px;
	color:black;
}

.testimonials-carousel-one .info-column .info .thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:66px;
	height:66px;
	border:1px solid #ff5b2d;
}

.testimonials-carousel-one .owl-nav{
	display:none;
}

.testimonials-carousel-one .owl-dots{
	position:absolute;
	left:0px;
	bottom:-60px;
	width:100%;
}

.testimonials-carousel-one .owl-dots .owl-dot{
	position:relative;
	display:inline-block;
	margin:0px 10px 0px 0px;
}

.testimonials-carousel-one .owl-dots .owl-dot span{
	position:relative;
	display:block;
	width:16px;
	height:16px;
	border:2px solid #ff5b2d;
	border-radius:50%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	-moz-transform:scale(0.7);
	transform:scale(0.7);
}

.testimonials-carousel-one .owl-dots .owl-dot.active span{
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}

/***

====================================================================
	Contact Section
====================================================================

***/

.contact-section{
	position:relative;
	background:#ffffff;
	padding:130px 0px 100px;
}

.contact-section:before{
	content:'';
	position:absolute;
	left:0px;
	margin-left:-40px;
	top:0px;
	width:50%;
	height:100%;
	background:url(../images/xiangjiaoAPP_bg-shape-five.webp) right center no-repeat;

}

.contact-section .sec-title{
	margin-bottom:40px;
}

.contact-section .image-column{
	position:relative;
}

.contact-section .image-column .inner{
	position:relative;
	margin-top:170px;
}

.contact-section .image-column .inner img{
	max-width:none;
	position:absolute;
	right:40px;
	top:0px;
}

.contact-section .form-column{
	position:relative;
}

/***

====================================================================
	Default Form Style
====================================================================

***/

.default-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.default-form .form-group .field-label{
	display:block;
	line-height:24px;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#232323;
	font-weight:500;
	font-size:13px;
}

.default-form .form-group .field-label sup{
	color:#ff0000;
	font-size:14px;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea,
.default-form .select{
	display:block;
	width:100%;
	line-height:28px;
	height:50px;
	font-size:16px;
	/*border:1px solid rgba(31,140,235,0.50);*/
    box-shadow: 0px 0px 15px #f2f3f4;
	padding:10px 25px;
	background:none;
	color:#ff5b2d;
	border-radius:4px;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.default-form .form-group input::-webkit-input-placeholder{
	color:#ff5b2d;
}

.default-form select{
	cursor:pointer;
	-moz-appearance:none;
	-webkit-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	background:#ffffff url(../images/xiangjiaoAPP_icon-select.webp) right center no-repeat;
}

.default-form textarea{
	height:160px;
	resize:none;
}

.default-form select option{
	text-indent:25px;
}

.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus{
	border-color:#ff5b2d;
}

.default-form input.error,
.default-form select.error,
.default-form textarea.error{
	border-color:#ff0000 !important;
}

.default-form label.error{
	display:none;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:11px;
	color:#ff0000;
	font-weight:500;
}

/***

====================================================================
	Footer Style One
====================================================================

***/

.footer-style-one{
	position:relative;
	background:#ecf4f9;
	font-size:14px;
}

.footer-style-one.dark-version{
	background:#111;
	color:#ff5b2d;
}

.footer-style-one .footer-upper{
	position:relative;
	padding:40px 0px 0;
}
.footer-style-one .footer-list{
    display: flex;
    flex-wrap: wrap;
}
.footer-style-one .footer-upper .footer-column{
	position:relative;
    float: none;
    padding-bottom: 10px;
	/*margin-bottom:30px;*/
}

.footer-style-one .footer-upper .footer-widget{
	position:relative;
}

.footer-style-one .title{
	position:relative;
	font-size:16px;
	font-weight:400;
	text-transform:capitalize;
	color:#ff5b2d;
	/*margin-bottom:20px;*/
}

.footer-style-one.dark-version .footer-upper h3{
	color:#ffffff;
}

.footer-style-one .footer-upper .copyright{
	position:relative;
	font-size:12px;
	font-weight:300;
}
.footer-style-one .social-links{
    position:relative;
}
.footer-style-one .social-links{
	position:relative;
}

.footer-style-one .social-links li{
	position:relative;
	float:left;
	margin-right:20px;
}

.footer-style-one .social-links li a{
	position:relative;
	display:block;
	color:#ff5b2d;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.footer-style-one .social-links li a:hover{
	color:#ff5b2d;
}

.footer-style-one.dark-version .social-links li a:hover{
	color:#ffffff;
}

.footer-style-one .gov-links{
	position:relative;
}

.footer-style-one .gov-links li{
	position:relative;
	float:left;
	margin-right:20px;
    color: #999999;
}

.footer-style-one .gov-links li a{
	position:relative;
	display:block;
	color:#999;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.footer-style-one .gov-links li a:hover{
	color:#999;
}

.footer-style-one.dark-version .gov-links li a:hover{
	color:#ffffff;
}
.footer-style-one .copy{
	color:#999;
}


.footer-style-one .links{
	position:relative;
    padding-top: 6px;
}

.footer-style-one .links li{
	position:relative;
	margin-bottom:5px;
    padding: 0;
    line-height: 1.6em;
}

.footer-style-one .links li:last-child{
	margin-bottom:0px;
}

.footer-style-one .links li a{
	position:relative;
	display:inline-block;
	line-height:24px;
	color:#ff5b2d;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.footer-style-one .links li a:hover{
	color:#ff5b2d;
}

.footer-style-one.dark-version .links li a:hover{
	color:#ffffff;
}

.footer-style-one .info-widget .text{
	position:relative;
	color:#777777;
	line-height:24px;
}

.footer-style-one.dark-version .info-widget .text{
	color:#ff5b2d;
}

.footer-style-one .footer-copy{
    padding: 0;
}

/***
====================================================================
	Features Section Two
====================================================================

***/

.features-section-two{
	position:relative;
	padding:0px;
	background:#f8f5f2;
}

.features-section-two .features-container{
	position:relative;
	padding:85px 80px 10px;
	background:#ffffff;
	border-radius:4px;
	-webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.10);
	-ms-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.10);
	-o-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.10);
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.10);
	z-index:2;
}

.features-section-two .text-column{
	position:relative;
	margin-bottom:70px;
}

.features-section-two .text-column h2{
	color:black;
	font-size:30px;
	margin-bottom:40px;
	padding-bottom:15px;
}

.features-section-two .text-column h2:before{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:50px;
	border-bottom:2px solid #f1ab6d;
}

.features-section-two .text-column .text{
	color:#775d46;
	font-weight:300;
	margin-bottom:30px;
}

.more-link-one{
	position:relative;
}

.more-link-one a{
	position:relative;
	color:black;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
}

.more-link-one a .icon{
	position:relative;
	margin-left:10px;
	vertical-align:middle;
}

.more-link-one a:hover{
	color:#ff5b2d;
}


/***
====================================================================
	Specific Feature
====================================================================

***/

.specific-feature{
	position:relative;
	padding:130px 0px 100px;
	background:#ffffff;
}

.specific-feature.bg-light{
	background:#f8f5f2;
}

.specific-feature .auto-container{
	max-width:1000px;
}

.specific-feature .row{
	margin:0px -35px;
}

.specific-feature  .text-column{
	position:relative;
	padding:0px 35px;
	margin-bottom:30px;
}

.specific-feature  .text-column .inner{
	position:relative;
	display:block;
	padding-top:30px;
}

.specific-feature .text-column h1{
	color:black;
	font-size:30px;
	margin-bottom:40px;
	padding-bottom:15px;
}

.specific-feature .text-column h1:before{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:50px;
	border-bottom:3px solid #f1ab6d;
}

.specific-feature .text-column .text{
	font-size: 24px;
	color: #222222;
	font-weight:300;
	margin-bottom:40px;
}

.specific-feature  .image-column{
	position:relative;
	padding:0px 35px;
	margin-bottom:30px;
}

.specific-feature  .image-column .inner{
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
}

.specific-feature  .image-column .image{
	position:relative;
	display:block;
	width:344px;
	height: auto;
	/*-webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);*/
	/*-ms-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);*/
	/*-o-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);*/
	/*-moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);*/
	/*box-shadow:0px 0px 15px 0px rgba(0,0,0,0.10);*/
}

.specific-feature  .image-column .image img{
	position:relative;
	display:block;
	width:100%;
}

/***

====================================================================
	Sponsors Section
====================================================================

***/

.sponsors-section{
	position:relative;
	background:#fdfbf9;
	padding:130px 0px 150px;
}

.sponsors-section .auto-container{
	max-width:1220px;
}

.sponsors-slider-one{
	position:relative;
	margin-bottom:60px;
}

.sponsors-slider-one li .inner{
	position:relative;
	display:block;
	background:#ffffff;
	margin:10px 10px;
	border-radius:5px;
	-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);
	-ms-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);
	-o-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);
	-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);
	box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);
}

.sponsors-slider-one li img{
	position:relative;
	display:inline-block;
	width:auto;
	max-width:100%;
}

.sponsors-slider-one .owl-nav{
	display:none;
}

.sponsors-slider-one .owl-dots{
	position:absolute;
	left:0px;
	bottom:-70px;
	width:100%;
	text-align:center;
}

.sponsors-slider-one .owl-dots .owl-dot{
	position:relative;
	display:inline-block;
	margin:0px 5px;
}

.sponsors-slider-one .owl-dots .owl-dot span{
	position:relative;
	display:block;
	width:14px;
	height:14px;
	border:2px solid #ff5b2d;
	border-radius:50%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	-moz-transform:scale(0.7);
	transform:scale(0.7);
}

.sponsors-slider-one .owl-dots .owl-dot.active span{
	background:#ff5b2d;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}

/***

====================================================================
	Testimonials Section Two
====================================================================

***/

.testimonials-two{
	position:relative;
	background:#f8f5f2;
	padding:130px 0px 190px;
}

.testimonials-two .auto-container{
	position:relative;
	max-width:1220px;
}

.testimonial-style-two .slide-item{
	position:relative;
}

.testimonial-style-two .slide-item .inner{
	position:relative;
	padding:40px 40px 40px 45px;
	margin:10px 10px;
	background:#ffffff url(../images/xiangjiaoAPP_bg-shape-six.webp) left bottom no-repeat;
	border-radius:5px;
	-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);
	-ms-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);
	-o-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);
	-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);
	box-shadow:0px 0px 7px 0px rgba(0,0,0,0.07);
}

.testimonial-style-two .slide-item .quote-icon{
	position:relative;
	width:40px;
	height:36px;
	background:url(../images/xiangjiaoAPP_icon-quote-1.webp) left top no-repeat;
	margin-bottom:25px;
}

.testimonial-style-two .slide-item .text{
	color:#775d46;
	font-weight:300;
	margin-bottom:45px;
}

.testimonial-style-two .slide-item .quote-info{
	position:relative;
	padding-left:100px;
	font-size:14px;
	min-height:74px;
	padding-top:10px;
}

.testimonial-style-two .slide-item .quote-info .thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:74px;
	height:74px;
	border:2px solid #ffffff;
}

.testimonial-style-two .slide-item .quote-info h4{
	font-size:17px;
	color:black;
	text-transform:capitalize;
}

.testimonials-two .owl-nav{
	display:none;
}

.testimonials-two .owl-dots{
	position:absolute;
	left:0px;
	bottom:-60px;
	width:100%;
	text-align:center;
}

.testimonials-two .owl-dots .owl-dot{
	position:relative;
	display:inline-block;
	margin:0px 5px;
}

.testimonials-two .owl-dots .owl-dot span{
	position:relative;
	display:block;
	width:14px;
	height:14px;
	border:2px solid #ff5b2d;
	border-radius:50%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	-moz-transform:scale(0.7);
	transform:scale(0.7);
}

.testimonials-two .owl-dots .owl-dot.active span{
	background:#ff5b2d;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}

/***

====================================================================
	Call To Action Section
====================================================================

***/

.call-to-action{
	position:relative;
	background:#fdfbf9 url(../images/xiangjiaoAPP_bg-shape-seven.webp) 87% 55% no-repeat;
	padding:130px 0px 100px;
}

.call-to-action .text-column{
	position:relative;
	margin-bottom:30px;
}

.call-to-action .text-column .inner{
	position:relative;
	display:block;
}

.call-to-action .text-column h2{
	color:black;
	font-weight:400;
	font-size:30px;
	line-height:1.4em;
	margin-bottom:25px;
}

.call-to-action .links-column{
	position:relative;
}

.call-to-action .links-column .inner{
	position:relative;
	display:block;
	text-align:right;
	padding-top:40px;
}

.call-to-action .links-column .inner .theme-btn{
	margin-left:25px;
	margin-bottom:20px;
}


/***
====================================================================
	What We Offer
====================================================================

***/

.what-we-offer{
	position:relative;
	padding:130px 0px 70px;
	background:#fdfbf9;
}

.what-we-offer .auto-container{
	max-width:1120px;
}

.what-we-offer .text-column{
	position:relative;
	margin-bottom:50px;
}

.what-we-offer .text-column .inner{
	padding-right:50px;
}

.what-we-offer .text-column h2{
	color:black;
	font-size:30px;
	font-weight:500;
	margin-bottom:25px;
	padding-bottom:16px;
	margin-top:-3px;
}

.what-we-offer .text-column h2:before{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:50px;
	border-bottom:3px solid #f1ab6d;
}

.what-we-offer .text-column .text{
	color:#775d46;
	font-weight:300;
}

.what-we-offer .services-column{
	position:relative;
}

.what-we-offer .services-column .row{
	margin:0px -20px;
}

.service-style-two{
	position:relative;
	padding:0px 20px;
	margin-bottom:50px;
}

.service-style-two .inner-box{
	position:relative;
	display:block;
}

.service-style-two .inner-box .icon{
	position:relative;
	margin-bottom:25px;
}

.service-style-two .inner-box h3{
	color:black;
	font-size:20px;
	font-weight:400;
	margin-bottom:10px;
}

.service-style-two .inner-box h3 a{
	color:black;
}

.service-style-two .inner-box h3 a:hover{
	color:#ff5b2d;
}

.service-style-two .inner-box .text{
	font-size:18px;
	color:#775d46;
	font-weight:300;
}

/***

====================================================================
	Key Features Section
====================================================================

***/

.key-features-section{
	position:relative;
	background:#fefbf9;
	padding:130px 0px 50px;
}

.key-features-section .auto-container{
	max-width:1000px;
}

.key-feature{
	position:relative;
	margin-bottom:50px;
}

.key-feature .image-column,
.key-feature .text-column{
	position:relative;
	margin-bottom:30px;
}

.key-feature.image-right .text-column{
	float:left;
}

.key-feature.image-left .text-column{
	float:right;
}

.key-feature .image-column .inner{
	position:relative;
	display:block;
	text-align:center;
	min-height:520px;
	max-width:520px;
	margin:0 auto;
	padding-top:60px;
	background:url(../images/xiangjiaoAPP_rigns-bg.webp) center center no-repeat;
	background-size:100% auto;
}

.key-feature .text-column .inner{
	position:relative;
	display:block;
	padding-top:170px;
}

.key-feature.image-right .text-column .inner{
	padding-right:70px;
}

.key-feature.image-left .text-column .inner{
	padding-left:70px;
}

.key-feature .text-column h3{
	font-size:24px;
	color:black;
	font-weight:500;
	margin-bottom:15px;
}

.key-feature .text-column .text{
	font-size:18px;
	color:#ff5b2d;
	font-weight:300;
	margin-bottom:30px;
}

.key-feature .text-column .more-link-one a{
	font-weight:500;
	text-transform:capitalize;
}

/***

====================================================================
	Reviews Section
====================================================================

***/

.review-section{
	position:relative;
	background:#fdfbf9;
	padding:130px 0px 100px;
}

.review-section .sec-title-two{
	margin-bottom:50px;
}

.tabs-box{
	position:relative;
}

.tabs-box .tab-buttons{
	position:relative;
}

.tabs-box .tab-buttons .tab-btn{
	position:relative;
}

.tabs-box .tabs-content{
	position:relative;
}

.tabs-box .tabs-content .tab{
	position:relative;
	display:none;
}

.tabs-box .tabs-content .active-tab{
	display:block;
}

.review-tabs{
	position:relative;
	z-index:5;
}

.review-tabs .buttons-box{
	position:relative;
	text-align:center;
	margin-bottom:60px;
}

.review-tabs .tab-buttons{
	position:relative;
	display:inline-block;
	border-bottom:1px solid #e0e0e0;
	text-align:center;
	font-size:16px;
}

.review-tabs .tab-buttons .tab-btn{
	position:relative;
	color:#ff5b2d;
	float:left;
	text-transform:capitalize;
	line-height:24px;
	margin:0px 0px;
	font-weight:500;
	padding:0px 27px 10px;
	border-bottom:1px solid transparent;
	cursor:pointer;
}

.review-tabs .tab-buttons .active-btn{
	color:black;
	border-bottom-color:#ff5b2d;
}

.review-tabs .tabs-content{
	max-width:750px;
	margin:0 auto;
}

.review-tabs .tabs-content .tab{
	position:absolute;
	opacity:0;
	visibility:hidden;
	height:0;
	overflow:hidden;
	transition:opacity 300ms ease;
	-moz-transition:opacity 300ms ease;
	-webkit-transition:opacity 300ms ease;
	-ms-transition:opacity 300ms ease;
	-o-transition:opacity 300ms ease;
}

.review-tabs .tabs-content .active-tab{
	position:relative;
	opacity:1;
	visibility:visible;
	height:auto;
	overflow:visible;
}

.review-tabs .tabs-content .tab .image-column,
.review-tabs .tabs-content .tab .text-column{
	position:relative;
	margin-bottom:30px;
}

.review-tabs .tabs-content .tab .image-column img{
	position:relative;
}

.review-tabs .tabs-content .tab .text-column .inner{
	position:relative;
	display:block;
	padding-top:10px;
	padding-left:50px;
}

.review-tabs .tabs-content .tab .text-column .icon{
	position:relative;
	margin-bottom:30px;
}

.review-tabs .tabs-content .tab .text-column h3{
	font-size:20px;
	color:black;
	font-weight:400;
	margin-bottom:15px;
}

.review-tabs .tabs-content .tab .text-column .text{
	font-size:18px;
	color:#ff5b2d;
	font-weight:300;
	margin-bottom:30px;
}

.review-tabs .tabs-content .tab .text-column .more-link-one a{
	text-transform:capitalize;
}

/***

====================================================================
	Get App Section
====================================================================

***/

.get-app-section{
	position:relative;
	background:#fdfcfa;
	padding:130px 0px 100px;
}

.get-app-section.alternate{
	background-color:#ffffff;
}

.get-app-section .links-outer{
	position:relative;
	text-align:center;
}

.get-app-section .links-outer .get-app-links{
	position:relative;
	display:inline-block;
}

.get-app-section .links-outer .get-app-links li{
	position:relative;
	display:inline-block;
	margin:0px 20px 30px;
}

.get-app-section .links-outer .get-app-links .link-box{
	position:relative;
	display:block;
	padding:20px 20px 20px 100px;
	min-height:100px;
	min-width:250px;
	background:#ffffff;
	border-radius:4px;
	color:#ff5b2d;
	text-align:left;
	line-height:1.5em;
	-webkit-box-shadow:1px 3px 10px 0px rgba(0,0,0,0.10);
	-ms-box-shadow:1px 3px 10px 0px rgba(0,0,0,0.10);
	-o-box-shadow:1px 3px 10px 0px rgba(0,0,0,0.10);
	-moz-box-shadow:1px 3px 10px 0px rgba(0,0,0,0.10);
	box-shadow:1px 3px 10px 0px rgba(0,0,0,0.10);
	border-bottom:2px solid rgba(0,0,0,0);
	transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.get-app-section .links-outer .get-app-links .link-box:hover{
	border-color:#ff5b2d;
}

.get-app-section .links-outer .get-app-links .link-box .icon-box{
	position:absolute;
	left:20px;
	top:20px;
	width:60px;
	height:60px;
}

.get-app-section .links-outer .get-app-links .link-box .title{
	position:relative;
	padding-top:5px;
	font-size:18px;
	font-weight:500;
	color:black;
	display:block;
	text-transform:capitalize;
}

/***

====================================================================
	Features Section Three
====================================================================

***/

.features-section-three{
	position:relative;
	padding:100px 0px;
	background:#fefbf9;
}

.service-style-three{
	position:relative;
	margin-bottom:30px;
}

.service-style-three .inner-box{
	position:relative;
	display:block;
	padding:45px 35px;
	background:#fcfeff;
	border:1px solid #fcecde;
	border-radius:3px;
}

.service-style-three .inner-box .icon{
	position:relative;
	margin-bottom:30px;
}

.service-style-three .inner-box h3{
	color:black;
	font-size:20px;
	font-weight:400;
	margin-bottom:10px;
}

.service-style-three .inner-box h3 a{
	color:black;
}

.service-style-three .inner-box h3 a:hover{
	color:#ff5b2d;
	text-decoration:underline;
}

.service-style-three .inner-box .text{
	font-size:18px;
	font-weight:300;
}

/***

====================================================================
	Big Mac Section
====================================================================

***/

.big-mac-section{
	position:relative;
	padding:130px 0px;
	background:#ffffff url(../images/xiangjiaoAPP_bg-shape-eleven.webp) right -10px no-repeat;
}

.big-mac-section .big-mac-image{
	position:relative;
	text-align:center;
	margin-bottom:70px;
}

.big-mac-section .link-box{
	position:relative;
	text-align:center;
}

/***

====================================================================
	Clients Section
====================================================================

***/

.clients-section{
	position:relative;
	padding:130px 0px 170px;
	background:#fefbf9;
}

.clients-section:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(../images/xiangjiaoAPP_bg-shape-twelve.webp) 0px -200px no-repeat;
}

.clients-section:after{
	content:'';
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(../images/xiangjiaoAPP_bg-shape-thirteen.webp) 100% 200px no-repeat;
}

.clients-section .auto-container{
	max-width:1000px;
	position:relative;
	z-index:1;
}

.client-block{
	position:relative;
	margin-bottom:30px;
}

.owl-theme .client-block{
	margin:0px;
}

.client-block .inner-box{
	position:relative;
	display:block;
	padding:45px 35px;
	background:#fcfeff;
	border:1px solid #fcecde;
	border-radius:3px;
}

.client-block .inner-box .image{
	position:relative;
	margin-bottom:30px;
}

.client-block .inner-box .image img{
	display:inline-block;
	max-width:100%;
	width:auto;
}

.client-block .inner-box h3{
	color:black;
	font-size:20px;
	font-weight:500;
	margin-bottom:7px;
}

.client-block .inner-box h3 a{
	color:black;
}

.client-block .inner-box h3 a:hover{
	color:#ff5b2d;
	text-decoration:underline;
}

.client-block .inner-box .text{
	font-size:18px;
	font-weight:300;
}

.clients-carousel .owl-nav{
	display:none;
}

.clients-carousel .owl-dots{
	position:absolute;
	left:0px;
	bottom:-70px;
	width:100%;
	text-align:center;
}

.clients-carousel .owl-dots .owl-dot{
	position:relative;
	display:inline-block;
	margin:0px 5px;
}

.clients-carousel .owl-dots .owl-dot span{
	position:relative;
	display:block;
	width:14px;
	height:14px;
	border:2px solid #ff5b2d;
	border-radius:50%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-webkit-transform:scale(0.7);
	-ms-transform:scale(0.7);
	-o-transform:scale(0.7);
	-moz-transform:scale(0.7);
	transform:scale(0.7);
}

.clients-carousel .owl-dots .owl-dot.active span{
	background:#ff5b2d;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}

/***

====================================================================
	Invoice Section
====================================================================

***/

.invoice-section{
	position:relative;
	padding:130px 0px 0px;
	background:#000;
	color:#ffffff;
	text-align:center;
}

.invoice-section .sec-title-three h2{
	color:#ffffff;
}

/***

====================================================================
	Plans Section
====================================================================

***/

.plans-section{
	position:relative;
	padding:130px 0px 100px;
	background:#fefbf9 url(../images/xiangjiaoAPP_bg-shape-fourteen.webp) 105% -153px no-repeat;
}

.plans-section .big-mac-image{
	position:relative;
	text-align:center;
	margin-bottom:70px;
}

.plans-section .link-box{
	position:relative;
	text-align:center;
}

.plans-section .title-column{
	position:relative;
	margin-bottom:30px;
}

.plans-section .title-column .inner{
	position:relative;
	padding-top:150px;
	max-width:350px;
}

.plans-section .title-column h2{
	color:black;
	font-weight:400;
	margin-bottom:12px;
}

.plans-section .title-column .text{
	font-weight:300;
}

.plans-section .plans-col{
	position:relative;
}

.plans-section .plans-col .row{
	margin:0px -20px;
}

.plan-column{
	position:relative;
	margin-bottom:30px;
}

.plans-section .plans-col .row .plan-column{
	padding:0px 20px;
}

.plan-column .inner-box{
	position:relative;
	display:block;
	padding:60px 30px;
	background:#fdfeff;
	text-align:center;
	border:1px solid #fcecde;
	border-radius:3px;
}

.plan-column .inner-box .icon{
	position:relative;
	margin-bottom:40px;
}

.plan-column .inner-box h3{
	color:black;
	font-size:20px;
	font-weight:500;
	margin-bottom:15px;
}

.plan-column.inner-box h3 a{
	color:black;
}

.plan-column .inner-box h3 a:hover{
	color:#ff5b2d;
	text-decoration:underline;
}

.plan-column .inner-box .text{
	font-size:18px;
	font-weight:300;
	margin-bottom:30px;
}

/***

====================================================================
	Call To Action Section
====================================================================

***/

.call-to-action-two{
	position:relative;
	background:#fdf7f2;
	padding:130px 0px 100px;
}

.call-to-action-two .text-column{
	position:relative;
	margin-bottom:30px;
}

.call-to-action-two .text-column .inner{
	position:relative;
	display:block;
}

.call-to-action-two .text-column h3{
	color:black;
	font-weight:300;
	line-height:1.4em;
	font-size:30px;
	font-style:italic;
}

.call-to-action-two .links-column{
	position:relative;
	margin-bottom:30px;
}

.call-to-action-two .links-column .inner{
	position:relative;
	text-align:right;
	padding-top:20px;
	display:block;
}

/***

====================================================================
	Page Title Style
====================================================================

***/

.page-title{
	position:relative;
	padding:150px 0px 60px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	text-align:center;
	overflow:hidden;
    background-color: #ffffff;
	border-bottom:2px solid #f5fafe;
}

.page-title .auto-container{
	position:relative;
	z-index:1;
}

.page-title h1{
	position:relative;
	font-size:36px;
	font-weight:400;
	color:#2a2f40;
	text-transform:capitalize;
	line-height:1.4em;
	word-spacing:5px;
	margin-bottom:15px;
}

.page-title .page-breadcrumb{
	position:relative;
	padding:8px 25px;
	display:inline-block;
	border:1px solid #fef9f4;
}

.page-title .page-breadcrumb li{
	position:relative;
	color:#2a2f40;
	font-size:18px;
	font-weight:300;
	padding-right:6px;
	margin-right:14px;
	display:inline-block;
}

.page-title .page-breadcrumb li:after{
	position:absolute;
	content:'/';
	right:-10px;
	top:7px;
	font-size:16px;
	line-height:1em;
}

.page-title .page-breadcrumb li:last-child{
	margin-right:0px;
	padding-right:0px;
}

.page-title .page-breadcrumb li:last-child::after{
	display:none;
}

.page-title .page-breadcrumb li a{
	position:relative;
	color:#2a2f40;
	font-size:16px;
	font-weight:300;
	display:inline-block;
}

.page-title .page-breadcrumb li a:hover{
	color:#ff5b2d;
}

.page-title .left-curve{
	position:absolute;
	left:0px;
	top:0px;
	width:344px;
	height:296px;
	background:url(../images/xiangjiaoAPP_bg-shape-sixteen.webp) no-repeat;
}

.page-title .right-curve{
	position:absolute;
	right:35px;
	top:0px;
	width:785px;
	height:450px;
	background:url(../images/xiangjiaoAPP_bg-shape-fifteen.webp) no-repeat;
}

/***

====================================================================
	Blog Section
====================================================================

***/

.blog-section{
	position:relative;
	background:#ffffff;
	padding:130px 0px;
}

.news-style-one{
	position:relative;
	margin-bottom:60px;
}

.news-style-one .inner-box{
	position:relative;
	display:block;
}

.news-style-one .inner-box .image-box img{
	display:block;
	width:100%;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-style-one .inner-box:hover .image-box img{
	opacity:0.70;
}

.news-style-one .lower-content{
	position:relative;
	padding:25px 0px 0px;
}

.news-style-one .lower-content .post-meta{
	line-height:24px;
	color:#696969;
	font-size:16px;
	margin-bottom:10px;
}

.news-style-one .lower-content h3{
	font-size:20px;
	font-weight:500;
	color:black;
	margin-bottom:12px;
}

.news-style-one .lower-content h3 a{
	color:black;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.news-style-one .lower-content h3 a:hover{
	color:#ff5b2d;
}

.news-style-one .lower-content .text{
	line-height:1em;
    font-size: 14px;
}

.news-style-one .lower-content .text p{
	line-height:1.7;
	margin-bottom:20px;
}

.news-style-one blockquote{
	font-size:18px;
	font-style:italic;
	padding:22px 30px;
	background:#f1f1f1;
	border-left:5px solid #ff5b2d;
	margin:30px 0px 30px 50px;
}

.blog-section .text-center .theme-btn{
	margin-top:30px;
	min-width:220px;
}

.sidebar-page-container .social-links-one{
	position:relative;
	float:left;
}

.sidebar-page-container .social-links-one li{
	position:relative;
	float:left;
	margin-right:15px;
}

.sidebar-page-container .post-options{
	position:relative;
	padding:30px 0px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	margin-top:30px;
}

.sidebar-page-container .post-options .share-options{
	position:relative;
	float:left;
}

.sidebar-page-container .post-options .share-options strong{
	position:relative;
	float:left;
	padding:5px 30px 5px 0px;
	line-height:30px;
	font-size:18px;
	font-weight:500;
	color:black;
	font-family:'Heebo',sans-serif;
}

.sidebar-page-container .social-links-one li a{
	position:relative;
	display:block;
	width:40px;
	height:40px;
	color:#ff5b2d;
	font-size:14px;
	line-height:38px;
	text-align:center;
	border:1px solid #e0e0e0;
	border-radius:50%;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.sidebar-page-container .social-links-one li a:hover{
	background:#ff5b2d;
	color:#ffffff;
}

.sidebar-page-container .post-options .next-option{
	position:relative;
	float:right;
}

.sidebar-page-container .post-options .next-option a{
	position:relative;
	float:left;
	padding:5px 0px 5px 0px;
	line-height:30px;
	font-size:18px;
	font-weight:500;
	color:black;
	font-family:'Heebo',sans-serif;
}

.sidebar-page-container .post-options .next-option a .fa{
	font-weight:normal;
	padding-left:10px;
	font-size:15px;
}

.sidebar-page-container .post-options .next-option a:hover{
	color:#ff5b2d;
}

/***

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination{
	position:relative;
	font-family:'Heebo',sans-serif;
}

.styled-pagination ul{
	position:relative;
	display:inline-block;
}

.styled-pagination li{
	position:relative;
	display:block;
	float:left;
	margin:0px 15px 10px 0px;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	line-height:20px;
	padding:8px 0px;
	font-size:18px;
	text-transform:capitalize;
	background:none;
	color:black;
	font-weight:400;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.styled-pagination li a .fa{
	vertical-align:middle;
	padding-left:5px;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#072e51;
}

/***

====================================================================
	Sidebar Page
====================================================================

***/

.sidebar-page-container{
	position:relative;
	padding:60px 0 0;
}

.sidebar-page-container .sidebar-side,
.sidebar-page-container .content-side{
	margin-bottom:30px;
}
.sidebar-page-container .content-side{
    display: flex;
    flex-wrap: wrap;
}

.sidebar{
	position:relative;
	padding-left:20px;
}

.sidebar .sidebar-widget{
	position:relative;
	margin-bottom:40px;
}

.sidebar .sidebar-widget .sidebar-title{
	position:relative;
	margin-bottom:30px;
}

.sidebar .sidebar-widget .sidebar-title h3{
	position:relative;
	display:block;
	font-size:20px;
	line-height:1.4em;
	text-transform:capitalize;
	font-weight:500;
	color:black;
}

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	line-height:24px;
	padding:15px 50px 15px 20px;
	border:1px solid #f0f0f0;
	background:#ffffff;
	color:#222222;
	display:block;
	font-size:14px;
	width:100%;
	height:56px;
	border-radius:2px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group input:focus{
	border-color:#ff5b2d;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:56px;
	width:60px;
	line-height:56px;
	text-align:center;
	display:block;
	font-size:14px;
	color:#999999;
	background:#f1f1f1;
	border-radius:0px 2px 2px 0px;
	font-weight:normal;
}

.sidebar .search-box .form-group input:focus + button,
.sidebar .search-box .form-group button:hover{
	background:#ff5b2d;
	color:#ffffff;
}

.sidebar .popular-posts .post{
	position:relative;
	font-size:15px;
	color:#696969;
	padding:0px 0px;
	padding-left:100px;
	min-height:100px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #f0f0f0;
}

.sidebar .popular-posts .post:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom:none;
}

.sidebar .popular-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:80px;
	border-radius:3px;
}

.sidebar .popular-posts .post:hover .post-thumb img{
	opacity:0.70;
}

.sidebar .popular-posts .post .post-thumb img{
	display:block;
	width:100%;
	border-radius:3px;
}

.sidebar .popular-posts .post h4{
	font-size:15px;
	margin:0px 0px 5px;
	font-weight:500;
	color:black;
}

.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover{
	color:#ff5b2d;
}

.sidebar .popular-posts .post h4 a{
	color:#222222;
}

.sidebar .popular-posts .post-info{
	font-size:14px;
	color:#696969;
}

.sidebar .popular-posts .post-info .fa{
	position:relative;
	padding-right:5px;
	color:#ff5b2d;
	font-style:normal;
}

.sidebar .popular-tags a{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:6px 22px;
	margin:0px 8px 10px 0px;
	border:1px solid #e0e0e0;
	color:#696969;
	text-align:center;
	font-size:14px;
	border-radius:2px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .popular-tags a:hover{

	background-color:#ff5b2d;
	border-color:#ff5b2d;
	color:#ffffff;
}

.sidebar .list{
	position:relative;
}

.sidebar .list li{
	position:relative;
	line-height:24px;
	border-bottom:1px solid #f0f0f0;
}

.sidebar .list li:last-child{
	border-bottom:none;
}

.sidebar .list li a{
	position:relative;
	display:block;
	color:#696969;
	font-size:15px;
	font-weight:400;
	line-height:26px;
	padding:10px 0px;
}

.sidebar .list li:first-child a{
	padding-top:0px;
}

.sidebar .list li a:hover{
	color:#ff5b2d;
}


/***

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area{
	position:relative;
	margin-bottom:70px;
}

.sidebar-page-container .group-title{
	position:relative;
	margin-bottom:30px;
}

.sidebar-page-container .group-title h2{
	font-size:18px;
	text-transform:capitalize;
	color:black;
	font-weight:500;
}

.comments-area .comment-box{
	position:relative;
}

.comments-area .comment{
	position:relative;
	margin-bottom:40px;
}

.comments-area .comment .comment-content{
	position:relative;
	padding:0px;
}

.comments-area .reply-comment{
	margin-left:40px;
}

.comments-area .comment .comment-inner{
	position:relative;
	padding-left:110px;
	min-height:80px;
}

.comments-area .comment .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	border-radius:50%;
}

.comments-area .comment .author-thumb img{
	width:100%;
	display:block;
	border-radius:50%;
}

.comments-area .comment .comment-info{
	position:relative;
	color:#222222;
	font-size:14px;
	font-weight:400;
}

.comments-area .comment .comment-info strong{
	position:relative;
	display:inline-block;
	color:black;
	font-size:15px;
	font-weight:700;
	padding-right:25px;
	margin-right:25px;
	line-height:24px;
}

.comments-area .comment .comment-info strong:after{
	content:'';
	position:absolute;
	right:0px;
	top:50%;
	margin-top:-6px;
	height:12px;
	border-right:2px solid black;
}

.comments-area .comment .comment-info .time{
	position:relative;
	display:inline-block;
	line-height:24px;
}

.comments-area .comment .text{
	padding-top:5px;
	line-height:1.7em;
	font-size:16px;
	text-align:justify;
	margin-bottom:10px;
}

.comments-area .comment .reply{
	position:absolute;
	right:0px;
	bottom:0px;
	color:#696969;
	font-size:14px;
	font-weight:400;
    display: inline-block;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

/***

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form .form-group{
	position:relative;
	margin-bottom:25px;
}

.comment-form .form-group .field-label{
	position:relative;
	display:block;
	font-size:14px;
	margin-bottom:7px;
	color:#696969;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select,
.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:30px;
	padding:12px 25px;
	color:#696969;
	border:1px solid #e0e0e0;
	height:56px;
	font-size:14px;
	background:#ffffff;
	border-radius:2px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#ff5b2d;
}

.comment-form .form-group textarea{
	resize:none;
	height:175px;
}

.comment-form button{
	position:relative;
	min-width:180px;
	text-transform:uppercase;
}

/***

====================================================================
	welcome Section
====================================================================

***/

.welcome-section{
	position:relative;
	/*text-align:center;*/
	padding:120px 0px;
}

.welcome-section h2{
	position:relative;
	color:#2a2f40;
	font-size:30px;
	font-weight:400;
	line-height:1.4em;
	margin-bottom:15px;
}

.welcome-section .text{
	position:relative;
	color:black;
	font-size:18px;
	font-weight:300;
	line-height:2em;
	max-width:910px;
	margin:0 auto;
}
.about-section{
    position:relative;
    /*text-align:center;*/
    padding:60px 0px;
}
.about-section .desc-text{
    position:relative;
    color:black;
    text-indent:2em;
    font-size:18px;
    font-weight:300;
    line-height:2em;
    max-width:910px;
    margin:0 auto 20px;
}
.about-section .desc-text:last-child{
    margin-bottom: 0;
}

/***

====================================================================
	Counter Section
====================================================================

***/

.counter-section{
	position:relative;
	background-color:#ff5b2d;
}

.counter-section .inner-container{
	position:relative;
	padding:65px 0px 50px;
}

/*Fact Counter*/

.fact-counter{
	position:relative;
}

.fact-counter .column{
	position:relative;
	margin-bottom:15px;
}

.fact-counter .column .inner{
	position:relative;
	text-align:center;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.fact-counter .column .inner:after{
	position:absolute;
	content:'';
	right:-15px;
	top:30px;
	width:15px;
	height:3px;
	z-index:99;
	background:url(../images/xiangjiaoAPP_separater-icon.webp) no-repeat;
}

.fact-counter .column:last-child .inner:after{
	display:none;
}

.fact-counter .count-outer{
	position:relative;
	font-size:24px;
	line-height:1em;
	font-weight:700;
	color:#ffffff;
	margin:0px 0px 15px;
}

.fact-counter .count-outer .count-text{
	position:relative;
	font-weight:700;
	color:#ffffff;
	font-size:24px;
	line-height:1em;
	margin-bottom:15px;
}

.fact-counter .column .counter-title{
	position:relative;
	font-size:20px;
	font-weight:400;
	color:#ffffff;
	text-transform:capitalize;
}

/***

====================================================================
	Team Section
====================================================================

***/

.team-section{
	position:relative;
	padding:120px 0px 90px;
	border-bottom:2px solid #fef9f4;
}

.team-block{
	position:relative;
	margin-bottom:30px;
}

.team-block .inner-box{
	position:relative;
}

.team-block .inner-box .upper-box{
	position:relative;
	padding:50px 15px;
	box-shadow:0px 0px 20px #f2f3f4;
}

.team-block .inner-box .upper-box .image{
	position:relative;
	width:170px;
	height:170px;
	margin:0 auto;
	border-radius:50%;
	overflow:hidden;
}

.team-block .inner-box .upper-box .image .social-box{
	position:absolute;
	left:0px;
	top:-10%;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	margin-top:-12px;
	text-align:center;
	-webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
}

.team-block .inner-box:hover .upper-box .image .social-box{
	opacity:1;
	top:50%;
}

.team-block .inner-box .upper-box .image .social-box a{
	position:relative;
	color:#ffffff;
	font-size:14px;
	margin:0px 6px;
}

.team-block .inner-box .upper-box .image:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	background-color:rgba(31,140,235,0.70);
	-webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-transform: perspective(400px) rotateY(-90deg);
    -moz-transform: perspective(400px) rotateY(-90deg);
    -ms-transform: perspective(400px) rotateY(-90deg);
    -o-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.team-block .inner-box:hover .upper-box .image:before{
	opacity:1;
	-webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
}

.team-block .inner-box .lower-box{
	position:relative;
	padding-top:22px;
	text-align:center;
}

.team-block .inner-box .lower-box h3{
	position:relative;
	color:#2a2f40;
	font-size:17px;
	font-weight:400;
	line-height:1.4em;
	margin-bottom:3px;
	letter-spacing:1px;
}

.team-block .inner-box .lower-box .designation{
	position:relative;
	color:#ff5b2d;
	font-size:14px;
	letter-spacing:1px;
}

/***

====================================================================
	Contact Page Section
====================================================================

***/

.contact-page-section{
	position:relative;
	padding:105px 0px 80px;
}

.contact-page-section .upper-section{
	position:relative;
}

.contact-page-section .upper-section .form-column{
	position:relative;
}

.contact-page-section .upper-section .form-column .inner-column{
	position:relative;
	padding-right:100px;
}

.contact-page-section .upper-section .form-column h2{
	position:relative;
	color:black;
	font-size:30px;
	font-weight:700;
	padding-bottom:12px;
	margin-bottom:35px;
}

.contact-page-section .upper-section .form-column h2:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:100px;
	height:3px;
	background-color:#ff5b2d;
}

.contact-page-section .upper-section .map-column{
	position:relative;
}

.contact-page-section .upper-section .map-column .inner-column{
	position:relative;
	padding-right:100px;
	padding-top:35px;
}

.contact-page-section .upper-section .map-column .inner-column:after{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:200px;
	height:370px;
	z-index:-1;
	background-color:#ff5b2d;
}

.contact-page-section .upper-section .map-column .map-canvas,
.contact-page-section .upper-section .map-column .map-outer{
	height:430px;
}

iframe{
	width:100%;
	height: 100%;
}
/***

====================================================================
	Contact Form
====================================================================

***/

.contact-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form textarea{
	display:block;
	width:100%;
	line-height:28px;
	height:50px;
	font-size:16px;
	padding:10px 25px;
	background:none;
	color:#ff5b2d;
	border-radius:4px;
	box-shadow:0px 0px 15px #f2f3f4;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.contact-form .form-group input::-webkit-input-placeholder{
	color:#ff5b2d;
}

.contact-form .form-group textarea{
	height:160px;
	resize:none;
}

.contact-form button{
	width:100%;
	font-size:18px;
	color:#ffffff;
	font-weight:500;
	text-align:center;
	border-radius:5px;
	padding:12px 10px 10px;
	background-color:#ff5b2d;
}

.contact-form select option{
	text-indent:25px;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
	border-color:#ff5b2d;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;
}

.contact-form label.error{
	display:none;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:11px;
	color:#ff0000;
	font-weight:500;
}

.contact-page-section .lower-section{
	position:relative;
	padding:80px 0px 20px;
}

/*Contact Info List*/

.contact-info-list{
	position:relative;
	padding-left:55px;
	min-height:87px;
}

.contact-info-list .icon{
	position:absolute;
	left:0px;
	top:4px;
	color:#ff5b2d;
	font-size:32px;
	line-height:1em;
}

.contact-info-list li{
	position:relative;
	color:#ff5b2d;
	font-size:18px;
	font-weight:300;
	line-height:1.5em;
}

.contact-info-list li strong{
	color:black;
	font-size:20px;
	font-weight:500;
	margin-bottom:6px;
	display:block;
}

/***

====================================================================
	Price Single Section
====================================================================

***/

.price-section{
	position:relative;
	padding:110px 0px 80px;
}

.price-section .title-box{
	position:relative;
	margin-bottom:65px;
}

.price-section .title-box h2{
	position:relative;
	color:black;
	font-size:30px;
	font-weight:700;
	text-align:center;
	line-height:1.4em;
}

/*Price Block*/

.price-block{
	position:relative;
	margin-bottom:30px;
}

.price-block .inner-box{
	position:relative;
	box-shadow:0px 0px 15px #f2f3f4;
}

.price-block .inner-box h2{
	position:relative;
	color:black;
	font-weight:700;
	font-size:20px;
	padding:24px 0px;
	line-height:1.4em;
	text-align:center;
	text-transform:uppercase;
}

.price-block .inner-box .price-box{
	position:relative;
	padding:25px 0px 20px;
	text-align:center;
	background-color:#ff5b2d;
}

.price-block .inner-box .price-box .price{
	position:relative;
	color:#ffffff;
	font-weight:700;
	font-size:36px;
}

.price-block .inner-box .price-box .price sup{
	position:relative;
	font-size:18px;
	left:4px;
	font-weight:600;
}

.price-block .inner-box .price-box .price-des{
	position:relative;
	font-weight:300;
	color:#ffffff;
	font-size:18px;
	margin-top:10px;
	display:block;
}

.price-block .inner-box .lower-content{
	position:relative;
	text-align:center;
	padding:38px 25px 30px;
}

.price-block .inner-box .lower-content ul{
	position:relative;
	margin-bottom:35px;
}

.price-block .inner-box .lower-content ul li{
	position:relative;
	color:black;
	font-size:18px;
	font-weight:300;
	line-height:1.7em;
}

.price-block .inner-box .lower-content ul li span{
	color:black;
	font-size:18px;
	font-weight:700;
}

.price-block .inner-box .lower-content .started-btn{
	position:relative;
	color:#ffffff;
	font-size:18px;
	font-weight:500;
	padding:6px 20px;
	border-radius:5px;
	display:inline-block;
	background-color:#ff5b2d;
	text-transform:capitalize;
}

/***

====================================================================
	Services Single Section
====================================================================

***/

.services-single-section{
	position:relative;
	padding:0 0px 20px;
    background-color: #ffffff;
}

.services-single-section .links-column{
	position:relative;
	margin-bottom:30px;
}

.services-single-section .links-column .inner-column{
	position:relative;
	padding-right:40px;
}

.service-list{
	position:relative;
}

.service-list li{
	position:relative;
	margin-bottom:20px;
}

.service-list li a{
	position:relative;
	padding:14px 25px;
	border-radius:5px;
	color:#2a2f40;
	font-size:18px;
	font-weight:400;
	display:block;
	background-color:#efefef;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.service-list li:hover a,
.service-list li.active a,
.service-list li a:hover{
	background-color:#ff5b2d;
	color:#ffffff;
}

.services-single-section .content-column{
	position:relative;
}

.services-single-section .content-column .inner-column{
	position:relative;
}

.services-single-section .content-column h2{
	position:relative;
	font-weight:700;
	line-height:1.4em;
	margin-bottom:10px;
	color:#2a2f40;
	font-size:34px;
}

.services-single-section .content-column .text{
	position:relative;
}

.services-single-section .content-column .text p{
	position:relative;
	color:black;
	font-size:18px;
	font-weight:300;
	line-height:1.6em;
	margin-bottom:25px;
}

.services-single-section .content-column .text .image{
	position:relative;
	margin-bottom:25px;
}

.services-single-section .content-column .text .image img{
	width:100%;
	display:block;
}

.services-single-section .content-column .text h3{
	position:relative;
	color:#2a2f40;
	font-weight:400;
	font-size:24px;
	margin-bottom:8px;
}

/***

====================================================================
	Services Page Section
====================================================================

***/

.services-page-section{
	position:relative;
	padding:100px 0px 70px;
}

.mask{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
.mask .img{
    width: 100%;
}

.pos-res{
    position: relative;
}

.float-wechat{
    position: absolute;
    left: 0;
    /*top: 0;*/
    bottom: 30px;
    z-index: 99;
    width: 150px;
    height: 150px;
}

@media only screen and (max-width: 1200px){
    .main-banner .rightContent .title .name{
        font-size: 2em;
    }
    .main-banner .downContent{
        margin-top: 8%;
        width: 70%;
    }
    .main-banner .downContentDesc{
        font-size: 14px;
        margin-top: 2%;
    }
    .footer-style-one .links{
        padding: 6px 0 0;
    }
}
@media only screen and (max-width: 1000px){
    .main-banner .footer-img{
        display: none;
    }
    .main-banner-content{
        background: url("../images/xiangjiaoAPP_banner-bg-4.webp") no-repeat center;
    }
    .main-banner .bg-img.pc-show{
        display: none;
    }
    .main-banner .bg-img.modal-show{
        display: block;
        width: 100%;
        height: auto;
    }
    .main-banner .bannerContent{
        position: relative;
    }
    .main-banner .bannerContent .lunboBox,.main-banner .bannerContent .bannerShow{
        display: none;
    }
    .main-banner .modalShow{
        display: block;
        margin-bottom: -10px;
        background: transparent;
    }
    .main-banner .modalShow .lunboBox{
        display: block;
        top: 7.8%;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 27%;
    }
    .main-banner .modalShow .bannerShow{
        display: block;
        position: relative;
        left: 0;
        top: 0;
        margin: 0 auto;
        padding-top: 5%;
        width: 60%;
    }
    .main-banner .rightContent{
        position: relative;
        padding-top: 5%;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }
    .main-banner .rightContent .title .name{
        font-size: 2em;
        text-align: center;
    }
    .main-banner .rightContent .desc{
        text-align: center;
    }
    .main-banner .downContent{
        margin-top: 5%;
        width: 40%;
        justify-content: center;
    }
    .main-banner .downContentDesc{
        margin-top: 20px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 800px){
    .main-banner .bannerContent{
        padding-top: 0;
    }
    .main-banner .bg-img{
        width: 100%;
        height: 100%;
    }
    .main-banner .modalShow .lunboBox{
        top: 5.1%;
        width: 37%;
    }
    .main-banner .modalShow .bannerShow{
        width: 80%;
    }
    .specific-feature{
        padding: 30px 0px;
    }
    .main-banner .downContent{
        margin-top: 2%;
    }
    .main-banner .downContentDesc{
        margin-top: 10px;
    }
    .main-banner .rightContent .padding20{
        padding: 0 10px;
    }
    .main-banner .rightContent .title .name{
        text-align: center;
    }
    .main-banner .rightContent .desc{
        font-size: 16px;
        text-align: center;
    }
}
@media only screen and (max-width: 550px){
    .main-banner .downContent{
        margin-top: 5%;
        width: 50%;
        justify-content: center;
    }
    .main-banner .rightContent{
        width: 95%;
    }
    .main-banner .rightContent p{
        padding: 0;
        margin: 0;
    }
    .main-banner .rightContent .title .name{
        font-size: 28px;
        text-align: center;
    }
    .main-banner .rightContent .title .name span{
        display: block;
    }
    .main-banner .rightContent .desc{
        font-size: 12px;
        justify-content: flex-start;
        text-align: center;
    }
    .main-banner .rightContent .padding20{
        padding: 0 5px;
    }
    .main-banner .downContent{
        width: 90%;
        margin-top: 6%;
    }
    .main-banner .downContentDesc{
        margin-top: 6%;
        margin-bottom: 3%;
    }
    .main-banner .downContent .downLoadShow{
        display: none;
    }
    .main-banner .downContent .downContentAuto{
        width: 100%;
        flex-direction: row;
    }
    .main-banner .downContentDesc .downLoadShow{
        display: none;
        margin-top: 5px;
    }
    .main-banner .downContentDesc .downContentAuto{
        justify-content: center;
        font-size: 16px;
    }
    .main-banner .bannerContent .androidBtn, .main-banner .bannerContent .iosBtn{
        width: 45%;
    }
}
@media only screen and (max-width: 400px){

    .main-banner .rightContent .desc{
        text-align: left;
    }
}

@media only screen and (min-width: 1201px){
    .footer-style-one .title{
        height: 50px;
        line-height: 50px;
    }
    .main-banner .bannerContent{
        padding-top: 2%;
    }

    .main-banner .image{
        width: 400px;
    }
    .main-banner .rightContent .title .name{
        font-size: 2.2em;
    }
    .main-banner .downContent{
        margin-top: 8%;
        width: 70%;
    }
    .main-banner .downContentDesc{
        margin-top: 20px;
        font-size: 14px;
    }
}

@media only screen and (min-width: 1350px){
    .main-banner .bannerContent .bannerShow{
        width: 28%;
        top: 18%;
    }
    .main-banner .bannerContent .lunboBox{
        width: 12.8%;
        top: 18.5%;
        left: 20.5%;
    }
    .main-banner .rightContent{
        top: 18%;
        width: 800px;
    }
    .main-banner .rightContent .title .name{
        font-size: 48px;
    }
    .main-banner .downContent{
        margin-top: 10%;
        width: 400px;
        justify-content: center;
    }
    .main-banner .downContentDesc{
        margin-top: 20px;
        font-size: 16px;
    }
    /*.main-banner .downLoadShow{*/
    /*    width: 15%;*/
    /*}*/
}