/*================ Normal desktop :1200px.==================== */
/*================  min-show :1140px.==================== */
@media (min-width: 1400px) {

	/* header .container{ width: 85%;} */


}

/*================ Normal desktop :992px.==================== */
/*================ show : 960px.==================== */
@media (min-width: 992px) and (max-width: 1169px) {

	.header-widget-text h3{ font-size: 16px;}
	.single-header-widget:nth-child(2){ padding-left: 10px;}

	.mainmenu ul li a {
		padding: 20px 15px
	}
	.search-btn {
		padding: 20px 10px
	}
	.header-action a {
		padding: 5px 0 5px 5px
	}
	.info-text h4 {
		font-size: 16px
	}
	.felona-request-area img {
		width: 400px;
		right: 60px
	}
	.quick-contact {
		padding: 10px
	}
	.page-banner {
		padding: 20px
	}
    .attachment-action a{
        padding: 15px
	}
	
	/*分类图标*/
	.proclass-text p{ min-height: 72px;}

	/*内页视频*/
	.blog-desc video{ width: 100%;}

}


/*================ Tablet desktop :768px.==================*/
/*================ show : 720px ==================== */
@media (min-width: 768px) and (max-width: 991px) {

	/**/
	.header-top-right ul li a{ padding: 0 10px;}
	/*导航*/
	header{
		position: relative;
		z-index: 100;
	}

	/*产品分类*/
	.proclass-text p{
		
		font-size: 14px;
		height: 60px;
		display: -webkit-box;/*最老的弹性盒模型*/
		max-width: 400px; /*设置最小宽度*/
		margin: 0 auto;/*左右居中*/
		line-height: 20px;/*字体行高*/
		-webkit-line-clamp: 3;/*显示文字行 未知*/
		-webkit-box-orient: vertical;/*必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式 */
		overflow: hidden;/*溢出隐藏*/
		text-overflow: ellipsis;/*可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本语法：*/

	}
	

	.slicknav_menu{ padding: 0;}

	.header-widget-box {
		display: none
	}
	.mainmenu-area {
		display: none
	}
	.felona-responsive-menu {
		display: block
	}
	.felona-slider-area {
		margin-top: 0
	}
	.header-logo-area {
		padding: 15px 0
	}
	.site-logo img {
		width: 25%;
		position: relative;
		z-index: 9999
	}
	.felona-main-slide {
		height: 460px
	}
	.slider-text {
		text-align: center;
		width: 90%;
		margin: 0 auto
	}
	.slider-text h2,
	.slider-text h2 span {
		font-size: 40px;
		line-height: 45px
	}
	.slider-text p {
		width: 100%
	}
	.text_bg {
		font-size: 60px
	}
	.about-heading-right h3 {
		font-size: 30px
	}
	.about-right {
		margin-top: 30px;
		display: none
	}
	.about-right .about-img:nth-child(1),
	.about-right .about-img {
		position: relative;
		bottom: 0;
		left: 0;
		z-index: 1;
		width: 99%;
		margin: 0 auto;
		display: block;
	}
	.about-right .about-img {
		margin-top: 30px
	}
	.counter-box {
		margin-top: 30px
	}
	.felona-counter-area {
		padding: 70px 0
	}
	.site-heading {
		text-align: center;
		width: 99%;
		margin: 0 auto 30px;
	}
	.site-heading h2 {
		font-size: 25px
	}
	.load-more-action {
		margin-top: 0px;
		text-align: center
	}
	.single-service {
		margin: 30px auto 0;
		width: 99%
	}
	.felona-request-area img {
		position: absolute;
		right: 10px;
		bottom: 0;
		width: 45%;
	}
	.request-left {
		padding: 20px
	}
	.request-left h3 {
		font-size: 25px
	}
	.request-left form {
		margin-top: 10px
	}
	.portfolio-filter {
		margin-top: 0;
		text-align: center
	}
	.felona-promo-area {
		padding: 50px 0
	}
	.blog-item {
		width: 99%;
		margin: 30px auto 0
	}
	.single-footer {
		margin: 20px 0
	}
	.promo-box-left h3 {
		font-size: 25px;
		line-height: 38px
	}
	.promo-box-right a.felona-btn-border,
	.promo-box-right a.felona-btn-border:hover {
		padding: 12px 10px
	}
	.promo-box-right {
		margin: 12px 0
	}
	.site-heading h2 {
		line-height: 38px
	}
	.flicker li {
		width: 21%
	}
	.felona-breadcromb-area {
		padding: 50px 0;
		margin: 0
	}
	.about-page-left {
		width: 95%;
		margin: 0 auto
	}
	.about-page-right {
		width: 95%;
		margin: 30px auto 0;
	}
	.about-page-right h2 {
		font-size: 27px;
		line-height: 35px
	}
	.choose-left {
		width: 95%;
		margin: 0 auto;
	}
	.choose-right {
		width: 95%;
		margin: 30px auto 0;
	}
	.toll-box h3 {
		font-size: 30px;
		line-height: 40px
	}
	.toll-box {
		width: 100%
	}
	.career-right {
		width: 80%;
		margin: 0 auto;
	}
	.career-left {
		width: 80%;
		margin: 30px auto 0;
	}
	.faqs-page-top {
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}
	.faqs-page-top>h2 {
		font-size: 25px
	}
	.faqs-page-left {
		width: 99%;
		margin: 0 auto;
	}
	.faq_accordian_header>a {
		font-size: 17px
	}
	.faqs-page-right {
		width: 99%;
		margin: 30px auto 0;
	}
	.notfound-box h1 {
		font-size: 70px;
		line-height: 70px;
		margin-bottom: 20px
	}
	.felona-notfound-page-area {
		padding: 70px 0
	}
	.breadcromb-box h3 {
		font-size: 35px
	}
	.service-details-left {
		width: 99%;
		margin: 0 auto;
	}
	.service-details-right {
		width: 99%;
		margin: 30px auto 0;
	}
	.single-service-text h2 {
		font-size: 25px
	}
	.about-service-left {
		width: 100%;
		float: none;
	}
	.about-service-right {
		margin-top: 30px;
	}
	.project-details-left h2 {
		font-size: 25px
	}
	.project-info ul li {
		float: left;
		width: 48%;
		margin-bottom: 0;
		margin-top: 20px
	}
	.project-info ul li span {
		font-size: 18px
	}
	.felona-related-project .work-item.work-image {
		width: 99%;
		margin: 30px auto 0
	}
	.felona-related-project {
		padding-bottom: 70px
	}
	.pagination-box-row {
		width: 99%;
		margin: 0 auto;
		text-align: center;
	}
	.blog-sidebar {
		width: 99%;
		margin: 50px auto 0;
	}
	.felona-blog-page-area.single-blog-page .blog-page-left {
		width: 99%;
		margin: 0 auto
	}
	.contact-form {
		width: 99%;
		margin: 0 auto
	}
	.contact-form form .col-lg-6:first-child {
		padding-right: 15px
	}
	.contact-form form .col-lg-6:last-child {
		padding-left: 15px
	}
	.contact-info {
		width: 99%;
		margin: 30px auto 0;
	}
	.contact-form h3,
	.contact-info h3 {
		font-size: 25px
	}
	.contact-info.inner-contact-info {
		width: 100%;
		margin: 0;
	}
}


/*================== small mobile :320px. ===================*/
/*================ show : 720px ==================== */
@media (max-width: 767px) {

	/*导航*/
	header{
			position: relative;
			z-index: 100;
	}

	/*产品菜单*/
	.single-proclass{ display: block;}

	.header-top-left {
		display: none
	}
	.header-top-right ul {
		text-align: center
	}
	.header-widget-box {
		display: none
	}
	.mainmenu-area {
		display: none
	}
	.felona-responsive-menu {
		display: block
	}
	.felona-slider-area {
		margin-top: 0
	}
	.header-logo-area {
		padding: 15px 0
	}
	.site-logo img {
		width: 45%;
	}
	.site-logo {
		margin: 10px 0
	}
	.felona-main-slide {
		height: 300px
	}
	.slider-text {
		width: 85%;
		text-align: center;
		margin: 0 auto
	}
	.slider-text h2,
	.slider-text h2 span {
		font-size: 25px;
		line-height: 35px
	}
	.slider-text p {
		display: none
	}
	.slider-text a.felona-btn {
		margin-top: 10px
	}
	.about-left {
		text-align: center
	}
	.text_bg {
		font-size: 45px
	}
	.about-heading-right h3 {
		font-size: 25px;
		margin-top: 10px
	}
	.about-right .about-img {
		margin-top: 30px
	}
	.about-right .about-img:nth-child(1) {
		position: relative;
		bottom: 0;
		left: 0;
		z-index: 1;
		width: 100%;
	}
	.counter-box-heading h3 {
		font-size: 18px
	}
	.counter-box-heading h2 {
		font-size: 28px
	}
	.counter-box {
		margin-top: 30px
	}
	.felona-counter-area {
		padding: 70px 0
	}
	.counter-box h3 {
		font-size: 30px
	}
	.site-heading {
		text-align: center
	}
	.site-heading h2,
	.request-left h3 {
		font-size: 25px
	}
	.load-more-action {
		text-align: center;
		margin-top: 0;
	}
	.felona-request-area img {
		display: none
	}
	.felona-request-area::before {
		width: 100%
	}
	.felona-request-area::after {
		width: 100%
	}
	.request-inner {
		width: 100%;
		padding: 70px 0
	}
	.request-left {
		padding: 30px;
		text-align: center
	}
	.request-left form .col-md-6:first-child {
		padding-right: 15px
	}
	.request-left form .col-md-6:last-child {
		padding-left: 15px
	}
	.portfolio-filter {
		margin-top: 0;
		text-align: center
	}
	.portfolio-filter li {
		display: block
	}
	.portfolio-filter li::after {
		display: none
	}
	.felona-promo-area::before {
		display: none
	}
	.felona-promo-area {
		padding: 70px 0
	}
	.promo-box-left {
		text-align: center
	}
	.promo-box-left h3 {
		font-size: 30px
	}
	.promo-box-right {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 0;
	}
	.felona-testimonial-area .site-heading {
		width: 100%
	}
	.site-heading h2 {
		line-height: 40px
	}
	.single-testimonial {
		display: block
	}
	.testimonial-text {
		width: 100%;
		text-align: center
	}
	.testimonial-img {
		width: 70px;
		height: 70px;
		display: block;
		margin: 10px auto 0;
	}
	.single-footer {
		margin: 15px 0
	}
	.flicker li {
		width: 23%
	}
	.copyright-left {
		text-align: center;
		margin-bottom: 15px
	}
	.copyright-right {
		text-align: center
	}
	.felona-breadcromb-area {
		padding: 50px 0;
		margin-top: 0
	}
	.breadcromb-box h3 {
		font-size: 25px
	}
	.about-page-right {
		margin-top: 30px;
	}
	.about-page-right h2 {
		font-size: 25px
	}
	.about-page-right h3 {
		font-size: 17px;
		line-height: 26px
	}
	.about-page-right-listing>ul {
		width: 100%;
		float: none
	}
	.choose-left h2 {
		font-size: 25px;
		line-height: 35px
	}
	.choose-right {
		margin-top: 30px
	}
	.toll-box {
		width: 100%
	}
	.toll-box h3 {
		font-size: 30px
	}
	.page-banner>h3 {
		font-size: 23px
	}
	.career-left {
		margin-top: 30px
	}
	.top-company-list {
		display: block;
		text-align: center
	}
	.career-list-single {
		padding: 20px
	}
	.company-list-details p {
		display: block;
		margin: 5px 0;
	}
	.company-list-btn {
		margin-top: 20px
	}
	.faqs-page-top {
		width: 100%
	}
	.faqs-top-search-form form {
		width: 100%
	}
	.faqs-page-top>h2 {
		font-size: 25px
	}
	.faq_accordian_header>a {
		font-size: 16px;
		white-space: normal
	}
	.faqs-page-right {
		margin-top: 30px
	}
	.notfound-box h1 {
		font-size: 70px;
		line-height: 60px;
		margin-bottom: 20px
	}
	.felona-notfound-page-area {
		padding: 70px 0
	}
	.notfound-box p {
		font-size: 16px
	}
	.service-details-right {
		margin-top: 30px
	}
	.single-service-text h2 {
		font-size: 25px
	}
	.about-service-left {
		float: none;
		width: 100%;
		margin: 0
	}
	.about-service-right {
		margin-top: 30px
	}
	.about-service-right ul {
		width: 100%;
		float: none
	}
	.service-get-form form .col-lg-6:first-child {
		padding-right: 15px
	}
	.single-project-image-bg {
		margin-top: 30px
	}
	.no-pad-left {
		padding-left: 15px
	}
	.no-pad-right {
		padding-right: 15px
	}
	.project-details-left h2 {
		font-size: 25px
	}
	.project-details-left ul {
		float: none;
		width: 100%;
		margin-right: 0
	}
	.project-info ul li span {
		font-size: 17px
	}
	.felona-related-project .load-more-action {
		margin-bottom: 30px
	}
	.blog-page-left .blog-desc h3 {
		font-size: 20px
	}
	.blog-sidebar {
		margin-top: 50px
	}
	.post-share-left {
		text-align: center;
		margin-bottom: 10px
	}
	.post-share-right {
		text-align: center
	}
	.comment-group-title>h3 {
		font-size: 23px
	}
	.comment-info h4 {
		font-size: 17px
	}
	.single-comment-box.reply-comment {
		padding-left: 30px
	}
	.felona-leave-comment form .col-lg-6:first-child {
		padding-right: 15px
	}
	.contact-form form .col-lg-6:first-child {
		padding-right: 15px
	}
	.contact-form form .col-lg-6:last-child {
		padding-left: 15px
	}
	.contact-info {
		margin-top: 30px
	}
	.contact-form h3,
	.contact-info h3 {
		font-size: 25px
	}
}


/* ======================Large Mobile :480px.================== */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.header-top-left {
		display: none
	}
	.header-top-right ul {
		text-align: center
	}
	.header-widget-box {
		display: none
	}
	.mainmenu-area {
		display: none
	}
	.felona-responsive-menu {
		display: block;
		margin-top: 7px
	}
	.felona-slider-area {
		margin-top: 0
	}
	.header-logo-area {
		padding: 15px 0
	}
	.site-logo img {
		width: 40%;
	}
	.site-logo {
		margin: 10px 0
	}
	.felona-main-slide {
		height: 300px
	}
	.slider-text {
		width: 85%;
		text-align: center;
		margin: 0 auto
	}
	.slider-text h2,
	.slider-text h2 span {
		font-size: 32px;
		line-height: 40px
	}
	.slider-text p {
		display: none
	}
	.slider-text a.felona-btn {
		margin-top: 10px
	}
	.about-left {
		text-align: center
	}
	.text_bg {
		font-size: 45px
	}
	.about-heading-right h3 {
		font-size: 25px;
		margin-top: 10px
	}
	.about-right .about-img {
		margin-top: 30px
	}
	.about-right .about-img:nth-child(1) {
		position: relative;
		bottom: 0;
		left: 0;
		z-index: 1;
		width: 100%;
	}
	.counter-box-heading h3 {
		font-size: 18px
	}
	.counter-box-heading h2 {
		font-size: 28px
	}
	.counter-box {
		margin-top: 30px
	}
	.felona-counter-area {
		padding: 70px 0
	}
	.counter-box h3 {
		font-size: 30px
	}
	.site-heading {
		text-align: center
	}
	.site-heading h2,
	.request-left h3 {
		font-size: 25px
	}
	.load-more-action {
		text-align: center;
		margin-top: 0;
	}
	.felona-request-area img {
		display: none
	}
	.felona-request-area::before {
		width: 100%
	}
	.felona-request-area::after {
		width: 100%
	}
	.request-inner {
		width: 100%;
		padding: 70px 0
	}
	.request-left {
		padding: 30px;
		text-align: center
	}
	.request-left form .col-md-6:first-child {
		padding-right: 15px
	}
	.request-left form .col-md-6:last-child {
		padding-left: 15px
	}
	.portfolio-filter {
		margin-top: 0;
		text-align: center
	}
	.portfolio-filter li {
		display: block
	}
	.portfolio-filter li::after {
		display: none
	}
	.felona-promo-area::before {
		display: none
	}
	.felona-promo-area {
		padding: 70px 0
	}
	.promo-box-left {
		text-align: center
	}
	.promo-box-left h3 {
		font-size: 30px
	}
	.promo-box-right {
		text-align: center;
		margin-top: 30px;
		margin-bottom: 0;
	}
	.felona-testimonial-area .site-heading {
		width: 100%
	}
	.site-heading h2 {
		line-height: 40px
	}
	.single-testimonial {
		display: block
	}
	.testimonial-text {
		width: 100%;
		text-align: center
	}
	.testimonial-img {
		width: 70px;
		height: 70px;
		display: block;
		margin: 10px auto 0;
	}
	.single-footer {
		margin: 15px 0
	}
	.flicker li {
		width: 15%
	}
	.copyright-left {
		text-align: center;
		margin-bottom: 15px
	}
	.copyright-right {
		text-align: center
	}
	.felona-breadcromb-area {
		padding: 50px 0;
		margin-top: 0
	}
	.breadcromb-box h3 {
		font-size: 25px
	}
	.about-page-right {
		margin-top: 30px;
	}
	.about-page-right h2 {
		font-size: 25px
	}
	.about-page-right h3 {
		font-size: 17px;
		line-height: 26px
	}
	.about-page-right-listing>ul {
		width: 100%;
		float: none
	}
	.choose-left h2 {
		font-size: 25px;
		line-height: 35px
	}
	.choose-right {
		margin-top: 30px
	}
	.toll-box {
		width: 100%
	}
	.toll-box h3 {
		font-size: 30px
	}
	.page-banner>h3 {
		font-size: 23px
	}
	.career-left {
		margin-top: 30px
	}
	.top-company-list {
		display: block;
		text-align: center
	}
	.career-list-single {
		padding: 20px
	}
	.company-list-details p {
		display: block;
		margin: 5px 0;
	}
	.company-list-btn {
		margin-top: 20px
	}
	.faqs-page-top {
		width: 100%
	}
	.faqs-top-search-form form {
		width: 100%
	}
	.faqs-page-top>h2 {
		font-size: 25px
	}
	.faq_accordian_header>a {
		font-size: 16px;
		white-space: normal
	}
	.faqs-page-right {
		margin-top: 30px
	}
	.notfound-box h1 {
		font-size: 70px;
		line-height: 60px;
		margin-bottom: 20px
	}
	.felona-notfound-page-area {
		padding: 70px 0
	}
	.notfound-box p {
		font-size: 16px
	}
	.service-details-right {
		margin-top: 30px
	}
	.single-service-text h2 {
		font-size: 25px
	}
	.about-service-left {
		float: none;
		width: 100%;
		margin: 0
	}
	.about-service-right {
		margin-top: 30px
	}
	.about-service-right ul {
		width: 100%;
		float: none
	}
	.service-get-form form .col-lg-6:first-child {
		padding-right: 15px
	}
	.single-project-image-bg {
		margin-top: 30px
	}
	.no-pad-left {
		padding-left: 15px
	}
	.no-pad-right {
		padding-right: 15px
	}
	.project-details-left h2 {
		font-size: 25px
	}
	.project-details-left ul {
		float: none;
		width: 100%;
		margin-right: 0
	}
	.project-info ul li span {
		font-size: 17px
	}
	.felona-related-project .load-more-action {
		margin-bottom: 30px
	}
	.blog-page-left .blog-desc h3 {
		font-size: 20px
	}
	.blog-sidebar {
		margin-top: 50px
	}
	.post-share-left {
		text-align: center;
		margin-bottom: 10px
	}
	.post-share-right {
		text-align: center
	}
	.comment-group-title>h3 {
		font-size: 23px
	}
	.comment-info h4 {
		font-size: 17px
	}
	.single-comment-box.reply-comment {
		padding-left: 30px
	}
	.felona-leave-comment form .col-lg-6:first-child {
		padding-right: 15px
	}
	.contact-form form .col-lg-6:first-child {
		padding-right: 15px
	}
	.contact-form form .col-lg-6:last-child {
		padding-left: 15px
	}
	.contact-info {
		margin-top: 30px
	}
	.contact-form h3,
	.contact-info h3 {
		font-size: 25px
	}
}


/* ======================Large Mobile :480px.================== */

@media only screen and (min-width: 10px) and (max-width: 479px) {

	/*顶部菜单*/
	.header-top-right ul li a{
		padding:0 5px;
	}

	/*logo*/
	.site-logo{ position: relative; z-index: 1000; width: 80%;}

	/*产品中心*/
	.felona-pro-area .section_bg{     padding: 100px 0 105px 0;  }

	/*关于*/
	.felona-about-area {    background-color: #f1f6fb;
		background-image: url(../img/offer_bg.png); padding: 30px 0;  }
		.felona-about-area .container2{ margin: 0; padding: 0;  background: none; box-shadow:none}
		.about-area-left  {padding: 15px; margin: 0;}
		.about-area-right{ padding: 15px; margin: 0;}

	/*底部logo*/
	.copyright-center{ margin-bottom: 10px;}
	
	/*产品-call*/
	.felona-call-area{ display: none;}

 
}



/* 手机屏幕 */
/* small mobile :320px. */
@media (max-width: 767px) {
	.container {width:100%;}
	.mobile-menu{ position: relative;}
	.logo {
		height: inherit;
		padding: 0;
		position: absolute;
		top: 2px;
		z-index: 999999;
		max-width: 180px;
		height: 40;
	}
	.logo a,
	.header-two .logo a{
		padding: 0px;
	}
	.logo a img{ height: auto;}

	.lang { position: absolute; left: auto; right: 60px; display: inline-block; height: 32px; line-height: 32px; width: 32px; z-index: 999999; text-align: center ; top: 8px; }
	.lang .lang-btn { border:1px solid rgba(0, 0, 0, 0.15); border-radius: 50%; height: 32px; line-height: 32px; width: 32px; }


	.intro-bg{
		display: none;
	}
	.intro-content {
		width: 100%;
		height: 100%;
		min-height: 480px;
		object-fit: cover;
	}
	.slider-images img {
		width: 100%;
		height: 100%;
		min-height: 480px;
		object-fit: cover;
	}
	.layer-1 h1 {
		font-size: 27px;
		line-height: 36px;
	}
	.layer-2 p {
		color: #ddd;
		font-size: 16px;
		letter-spacing: 0.60px;
		line-height: 26px;
		max-width: 700px;
	}
	.ready-btn {
		padding: 10px 20px;
	}
	.slider-content {
		margin-top: -110px;
	}
	.section-headline h3 {
		font-size: 30px;
		line-height: 40px;
	}
	.support-services {
		padding: 30px 20px;
	}    
	.top-content {
		float: none;
		width: 100%;
	}
	.main-system {
		width: 100%;
		float: none;
	}
	.single-system {
		display: block;
		margin-bottom: 30px;
	}    
	.system-content {
		padding: 30px 15px;
		max-height: 440px;
		height: 100%;
		width: 100%;
	}    
	.system-content h3 {
		font-size: 24px;
		line-height: 30px;
	}    
	.system-content p {
		font-size: 15px;
		margin-bottom: 0px;
	}    
	.right-system .system-content {
		left:0px;
	}        
	.digital-services {
		width: 100%;
		float: none;
	}

	.felona-breadcromb-area { height:280px ;}
	.breadcromb-box{ top: 100px;}
	.banner-text h2 {
		font-size: 36px;
		line-height: 46px;
	}
	.banner-text {
		padding: 0px;
	}    
	.table-list {
		padding: 40px 20px;
	}    
	.overview-wrapper h3 {
		font-size: 28px;
		line-height: 38px;
	}    
	.single-count {
		width: 100%;
		margin-bottom: 30px;
	}    
	.left-one {
		margin-right:0px;
	}
	.right-one {
		margin-left:0px;
	}
	.brand-items {
		padding: 0px;
	}    
	.single-brand-item {
		width: 50%;
		padding: 0px 0px;
	}    

	.footer-area-top .foot_search { padding-right: 0;}

	.footer-content.logo-footer {
		padding-right: 0px;
	}    
	.suscribe-input {
		width: 100%;
	}    
	.footer-content{
	   margin-bottom: 40px;
		overflow: hidden;
	}    
	.last-item{
		margin-bottom: 0px;
	}    
	.blog-right-column .blog-image {
		width: 100%;
		min-height: auto;
	}    
	.blog-right-column .blog-content {
		float: none;
		height: 100%;
		width: 100%;
		padding: 20px 20px 30px;
		min-height: auto;
		overflow: hidden;
	}  
	.location-image {
		float: none;
		margin-right: 0px;
		margin-bottom: 20px;
	}    
	.location-address {
		padding-left: 0px;
	}
	.faq-area .faq-content {
		margin-left: 0px;
		padding: 20px;
		margin-top: 30px;
	}
	.breadcrumb {
		padding: 210px 0px 140px;
	}    
	.page-head-left {
		margin-right: 0px;
	}    
	.events-content {
		padding: 30px 15px;
	}   
	.events-content a h4 {
		font-size: 20px;
		line-height: 28px;
	}    
	.events-details h3 {
		font-size: 24px;
		line-height: 34px;
	}   
	.events-share ul li a {
		font-size: 16px;
		line-height: 30px;
		margin-right: 3px;
		width: 30px;
		height: 30px;
	}    
	.blog-left-content {
		margin-right: 0px;
	}    
	.right-side {
		padding: 30px 0px 0px;
		border: none;
	}
	.blog-details .blog-content {
		border: none;
		padding: 20px 0px 0px;
	}    
	.post-share ul li a {
		font-size: 16px;
		line-height: 30px;
		margin-right: 3px;
		width: 30px;
		height: 30px;
	}    
	.related-post-list .recent-single-post {
		width: 100%;
		float: none;
		padding: 0px;
	}   
	.related-post-list .recent-single-post:last-child {
		padding: 0px;
		margin-top: 30px;
	}    
	.comments-list ul li {
		margin-bottom: 0px;
	}
	.threaded-comments {
		margin-left: 10px;
	}    
	.recent-single-post {
		padding: 10px 0px;
	}    
	.office-city {
		padding: 30px 15px 10px;
		margin-right: 0px;
		margin-bottom: 40px;
	}    
	.single-icon i {
		margin-right: 15px;
	}

	footer .footer-area .col-md-3 { text-align: center; padding-top: 30px;}
	footer .footer-area .ewm_box { float: none; display: inline-block; }
		
		
		
		
		
		
		
		
		
	}





/* iprt03 start */
@media (max-width: 767px) {
	.index .iprt03 .container { padding:40px 15px; }
    .index .iprt03 .l {width: 100%;}
	.index .iprt03 .l .con{ margin-bottom: 30px;}
	.index .iprt03 .cn2{ margin-right: 0; padding-right: 0;}
	.index .iprt03 .r .c {
		font-size: 18px;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.45);
		height: 30px;
		line-height: 30px;
	}
	.index .iprt03 .r{
		width: 100%;
	}
}
/* iprt03 end */


/* iprt04 start */
@media (max-width: 767px) {
	.index .iprt04 .container { padding:40px 15px; }

	.biaoti { padding-bottom: 30px ;}
	.biaoti .title{ font-size: 24px; padding-bottom: 0; margin-bottom: 0;}

	.index .iprt04 .content .number li .num span{ font-size: 26px;}
	.index .iprt04 .content .number li .txt { font-size: 12px; line-height: 14px; font-weight: normal;}

	.index .iprt04 .iprt04_02{}
	.index .iprt04 .l { width: 100%;}
	.index .iprt04 .r { width: 100%; display: none;}

	.index .iprt04 .l .info { width: 100%;}
	.index .iprt04 .l .info .box{ padding: 30px;}
	.index .iprt04 .l .info .tit { margin-bottom: 30px;}
}
/* iprt04 end */



/* Footer start */
@media (max-width: 767px) {

	.footer-area {
		padding: 30px 0;
	}
	.footer-content { margin-bottom: 0;     border-bottom: 1px solid #bebebe; } 
	.footer-list{ display: none; height: 0;}
	.footer-head h4 { margin-bottom: 0; position: relative; padding: 5px 0;}
	
	.footer-head h4  a{ display: block;}
	.footer-head h4 a:after {
		display: inline-block;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: 400;
		line-height: inherit;
		text-decoration: inherit;
		text-rendering: optimizeLegibility;
		text-transform: none;
		-moz-osx-font-smoothing: grayscale;
		-webkit-font-smoothing: antialiased;
		font-smoothing: antialiased;
		content: "\F101";
		position: absolute;
		right: 0;
		font-size: 1.625rem;
		-webkit-transition: opacity .5s,-webkit-transform .25s;
		transition: opacity .5s,-webkit-transform .25s;
		transition: transform .25s,opacity .5s;
		transition: transform .25s,opacity .5s,-webkit-transform .25s;
	}
}
/* Footer end */


/* sec_nav start */
@media (max-width: 767px) {
	.sec_nav{ padding: 15px 0;}
	.sec_nav li a{ line-height: 45px; height: 45px; font-size: 14px; min-width: 80px; border-radius: 5px 5px 5px 5px;}
	
}
/* sec_nav end */



/* smart start */
@media (max-width: 767px) {
	.smart .content .list ul li{ width: 100%; background: #fff !important;}
	.smart .content .list ul li a .con { padding-top: 9%;}
	.smart .content .list ul li a .con .t1 { margin-bottom: 15px;}
	.smart .content .list ul li a .con .t2{ display: none;}
	.smart .content .list ul li a .con .line1 { display: none;}
	.smart .content .list ul li a .con .more{ width: 120px;}

	.smart .content .list ul li:nth-child(2n+1) {
		background: #3299de;
	}
	.smart .content .list ul li .con{ float: right !important;}
	.smart .content .list ul li .con .t1 { color: #000 !important; font-size: 16px !important ; line-height: 20px !important;}
	.smart .content .list ul li .pic{ float: left !important;}

	.smart .content .list ul li:nth-child(2n+1) .con{ float: left !important;}
	.smart .content .list ul li:nth-child(2n+1) .pic{ float: right !important;}


	
}
/* smart end */


/* adv2 start */
@media (max-width: 767px) {
	.adv2{ padding: 0;}
	.adv2 .pt1{ margin: 0;padding: 30px 0; }
	.adv2 .pt1 .l_box{ width: 100%;}
	.adv2 .pt1 .r_box{ width: 100%;}

	.adv2 .pt1 .l_box .pd{ padding: 0;}
	.adv2 .pt1 .l_box .pd .tit { font-size: 28px; margin-bottom: 15px;}
	.adv2 .pt1 .l_box .pd .t2{ font-size: 16px;}
	.adv2 .pt1 .l_box .pd .info{ margin-bottom: 0;}
	.adv2 .pt1 .l_box .pd .num_con { display: none;}

	.adv2 .pt2{ margin: 0;padding: 30px 0;}
	.adv2 .pt2 .pic_box .box1{ display: none;}
	.adv2 .pt2 .pic_box .list{ width: 100%;}

	.adv2 .pt3{ margin: 0;padding: 30px 0;}
}
/* adv2 end */



/* adv start */
@media (max-width: 767px) {
	.adv-area{ padding: 30px 0 !important;}
	.adv-area .row{
		margin-right: -10px;
		margin-left: -10px;
	}

	.adv-area .row> [class*="col"] {
		padding-right: 10px;
		padding-left: 10px;
	}

	.adv-area .row> [class*="col"]>div { margin-bottom: 20px;}

	.adv-desc {
		padding: 10px 15px 10px 15px;
		font-size: 28px;
		position: relative;
		border: 1px solid rgba(0, 0, 0, 0.075);
		border-top: none;
		border-radius: 0 0 5px 5px;
		line-height: 1;
	}
}
/* adv end */



/* felona-breadcromb-area */
@media (max-width: 767px){
	body{ overflow-x: hidden;}
	.felona-breadcromb-area{ height: 120px; margin-top: 60px;}
	.felona-breadcromb-area>.container { height: 120px;}
	.breadcromb-box { top: 20px; font-size: 12px;}
}



/* sec_nav */
@media (max-width: 767px){
	.sec_nav li a{ font-size: 13px; border: none; line-height: 45px; height: auto; }
	.intro .pt1 .info{ width: 100%; padding: 0 15px;}


	.culture .pt2 .slide_box .slide_t .icon{ width: 15%;}
	.culture .pt2 .slide_box .slide_t .title{ width: 85%;}
	.culture .pt2 .slide_box .slide_t .title .pd{ line-height: 1.8; min-height: 60px;}
	.culture .pt2 .slide_box .slide_c .pd { padding: 15px;}
}


/*  about_us01 */
@media (max-width: 767px){
	.about_us01 .num_list .number .num { font-size: 48px; }
}

/*  about_us02 */
@media (max-width: 767px){
	 .about_us02 { display: none;}
}


/* ibanner */

.showtit i{opacity:0;display:inline-block;vertical-align:text-bottom;
	transform:translateY(120px);-webkit-transform:translateY(120px);
	transition:all 1s ease-in-out 0s;-webkit-transition:all 1s ease-in-out 0s; font-style: normal;
	}
	.showtit.act i{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
	.showtxt i{display:inline-block;text-align:left;}
	.showtxt i b{opacity:0;display:inline-block;white-space:nowrap;overflow:hidden;
	transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;}
	.showtxt i b.h{width:0;}
	.showtxt.act i b.h{width:100%;opacity:1;}
		
		.banner {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			overflow: hidden;
		}
	
		.banner video {
			object-fit: fill;
		}
		.ibanner .cover {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center;
		background-image: url(/assets/img1/cover.png);
		background-repeat: repeat;
		}
	
		.banner .frame {
			position: relative;
			height: 100%;
			overflow: hidden;
			background: rgba(0, 0, 0, 0.35);
		}
	
		.banner .child {
			background-color: transparent !important;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			z-index: -1;
			-webkit-transition: all 0s;
			-moz-transition: all 0s;
			-ms-transition: all 0s;
			-o-transition: all 0s;
			transition: all 0s;  
		}
	
		.banner .vbg {
			position: absolute;
			left: 50%;
			top: 50%;
			width: 100%;
			height: 100%;
			display: none;
			transform: translate(-50%, -50%);
			-webkit-transform: translate(-50%, -50%);
		}
	
		.banner .vbgm {
			position: absolute;
			left: 0%;
			top: 0%;
			width: 100%;
			height: 100%;
			display: none;
		}
	
		.b_nav {
			position: absolute;
			left: 0;
			bottom: 50px;
			right: 0;
			text-align: center;
		}
	
		.b_nav i {
			display: inline-block;
			width: 13px;
			height: 13px;
			border: 2px solid #fff;
			border-radius: 100%;
			margin: 0 8px;
			cursor: pointer;
			line-height: 6px;
			vertical-align: middle;
			transition: all 0.3s linear 0s;
			-webkit-transition: all 0.3s linear 0s;
		}
	
		.b_nav i.now {
			box-shadow: 0 0 12px rgba(255, 255, 255, 0.8);
			line-height: 2px;
		}
	
		.b_nav i.now:after {
			content: "";
			width: 5px;
			height: 5px;
			overflow: hidden;
			line-height: 5px;
			border-radius: 100%;
			display: inline-block;
			background: #fff;
		}
	
		.banner .child .v1 {
			position: absolute;
			width: 120%;
			height: 120%;
			top: -10%;
			left: -10%;
		}
	
	
		.main {
			position: absolute;
			left: 70px;
			top: 50px;
			right: 70px;
			bottom: 10px;
			background: rgba(255, 255, 255, 0);
		}
	
		.main .bdr {
			position: absolute;
			background: #ddd;
			transition: all 1s cubic-bezier(0, 1.3, 0.7, 1) 0s;
			-webkit-transition: all 1s cubic-bezier(0, 1.3, 0.7, 1) 0s;
		}
	
		.main .b1 {
			left: 0;
			top: 0;
			width: 1px;
			height: 1px;
		}
	
		.loaded .main .b1 {
			width: 100%;
		}
	
		.main .b2 {
			right: 0;
			top: 0;
			width: 1px;
			height: 1px;
		}
	
		.loaded .main .b2 {
			height: 100%;
		}
	
		.main .b3 {
			right: 0;
			bottom: 0;
			width: 1px;
			height: 1px;
		}
	
		.loaded .main .b3 {
			width: 100%;
		}
	
		.main .b4 {
			left: 0;
			bottom: 0;
			width: 1px;
			height: 1px;
		}
	
		.loaded .main .b4 {
			height: 100%;
		}
	
		.home {
			position: relative;
			height: 100%;
		}
	
		.titbox {
			position: absolute;
			left: 50%;
			top: 50%;
			text-align: center;
			color: #fff;
			width: 980px;
			cursor: default;
			display: none;
			transform: translate(-50%, -56%);
			-webkit-transform: translate(-50%, -56%);
		}
	
		.titbox:first-child {
			display: block;
		}
	
		.titbox h3 {
			font-size: 42px;
			font-family: Impact, Arial;
			color: #fff;
			text-transform: uppercase;
		}
	
		.titbox h4 {
			font-size: 16px;
			font-family: Arial, Helvetica, sans-serif;
			margin-top: 6px;
			color: #fff;
			margin-bottom: 0;
			padding-bottom: 0;
			font-weight: normal;
			text-transform: uppercase;
		}
	
		.titbox p {
			font-size: 18px;
			color: #fff;
			font-weight: normal;
		}
	.body {
		overflow: hidden;
		position: relative;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		z-index: 10;
	}
	.body .a_l{background: rgba(0, 0, 0, 0.15) ;position:absolute;left:0;top:50%;width:62px;height:62px;margin-top:-30px;z-index:1;
	transition:all 0.7s ease-out 0s;-webkit-transition:all 0.7s ease-out 0s; border: 1px solid rgba(255, 255, 255, 0.8); line-height: 60px; }
	.body .a_l i,.body .a_r i{ font-size: 42px; color: #fff; display: block; width: 60px; text-align: center; cursor: pointer; line-height: 60px; vertical-align: baseline; display:inline-block;}
	.body .a_r{background:rgba(0, 0, 0, 0.15) ; ; position:absolute;right:0;top:50%;width:62px;height:62px;;margin-top:-30px;z-index:1;
	transition:all 0.7s ease-out 0s;-webkit-transition:all 0.7s ease-out 0s;  border: 1px solid rgba(255, 255, 255, 0.8); line-height: 60px;}
	
	.body .a_l:hover,.body .a_r:hover{
		background: #3299de;  border: 1px solid #3299de;
	}

/* .body .a_l i, .body .a_r i */
@media (max-width: 767px){
	.body .a_r, .body .a_l{ width: 45px; height: 45px; }
	.body .a_l i, .body .a_r i{ width: 45px; height: 45px; line-height: 45px;}
	.titbox h3 {font-size: 24px !important; line-height: 30px;}
	.titbox h4 {font-size: 13px !important; line-height: 1.4 !important; }
	
}

/* iprt01_btm */
@media (min-width: 767px){
	.mobile-iprt01_btm{ display: none;}
}
@media (max-width: 767px){
	.area-padding{ padding-top: 40px ; padding-bottom: 40px;}
	.iprt01_btm { display: none;}
	.mobile-iprt01_btm .rect-60{ display:  block; position: relative;}
	.mobile-iprt01_btm .col-xs-6{ padding-right: 8px;
		padding-left: 8px; }
	.mobile-iprt01_btm ._con{ position: absolute; top: 0; bottom: 0; color: #fff; padding: 8%;}
}

/* ipart02 */
@media (max-width: 767px){
	.ipart02 .innovate_slide{ margin-top: 0;}
	.innovate_slide_box{ height: 300px;}
	.innovate_slide .owl-item .item_img{ height: 300px;}
	.innovate_slide .item_text{ top: 10%; left: 30px;}
	.innovate_slide .owl-item.active .item_text{ width: 80%;}
	.innovate_slide .item_text .list_title{ font-size: 24px;}
	.innovate_slide .item_text .list_p{ line-height: 20px;}
}



/* 吊篮钢丝 */
@media (max-width: 767px){
	.dlyoushi .section-title{ font-size: 28px; }
	.dlyoushi .section-title span { font-size: 14px;}

	.mainbox { overflow-x: auto;}
	.mainbox table { width: 980px;}



	.dlyoushi_02 .section-title{ font-size: 28px; }
	.dlyoushi_02 .section-title span { font-size: 14px;}
	.in-yin li { width: 50%; margin-bottom: 25px;}

	.felona-product-area .section-title{ font-size: 28px; }
	.felona-product-area .section-title span { font-size: 14px;}

}


/* 5s服务 */
@media (max-width: 767px){
	.service .pt2 .icon_list li{ width: 50%; margin-bottom: 15px;}
	.service .pt2 .icon_list li .d{ font-size: 12px;}
}