@charset "UTF-8";

/* CSS Document */
@media all and (max-width: 1199px) {
html {
	font-size: 15px;
}
.row .row .c1, .row .row .c2, .row .row .c3, .row .row .c4, .row .row .c5, .row .row .c6, .row .row .c7, .row .row .c8, .row .row .c9, .row .row .c10, .row .row .c11, .row .row .c12, .row .row .c1-5, .row .row .c1-8 {
	margin-bottom: 1.5rem;
	margin-left: 0px;
	margin-right: 0px;
}
.row .row > div:last-child {
	margin-bottom: 0 !important
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c1-5, .c1-8, .c1-5, .c1-6 {
	margin-right: 0;
	margin-left: 0;
	padding: 0 1.5rem;
}
*,
*:after,
*:before {

	transition:none;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
}
h5 {
	font-size: 1.3rem;
	margin: 0;
	line-height: .5;
}
#toTop {
	width: 3rem;
	height: 3rem;
	bottom: 1rem;
right: 1rem;
}
.owl-controls .owl-buttons .owl-prev, .owl-controls .owl-buttons .owl-next {
	display: none;
}
#fp-nav.right {
	right: 1rem;
}
#fp-nav ul li a.active span:before {
	display: none;
}
#fp-nav ul li {
	width: 40px;
	height: 46px;
}
#fp-nav ul li a span {
	left: 1px;
	top: 2px;
}
#fp-nav ul li a.active span {
	width: 40px;
	height: 40px;
}

.top-nav {
	padding: 1.2rem .8rem 1.2rem 1.4rem;
}
.top-nav .logo, .top-nav .logo img, .headnav.small .logo {
	height: 2.2rem;
}
.headnav, .headnav.small {
	padding-top: 0;
	transition:.5s all;
}
.headnav .fat-nav {
	margin-right: 0;
}

.fat-nav li {
	padding: 0 .8rem;
}
.fat-nav li, .fat-nav li a, .headnav.small .fat-nav li, .headnav.small .fat-nav li a {
	font-size: .913rem;
}
.newslist .listbox:hover .img img, .project_list:hover .img img, .newssub ul li:hover .img img, .teambox:hover .img img{
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}
.copyright {
	bottom: .5rem;
	padding: 0 1.2rem;
	font-size: .875rem;
}
.newslist {
	padding-top: 10%;
}
.newslist .listbox {
	height: auto;
}
.newslist .listbox .img {
	height: 14rem;
}
.newslist .more {
	font-size: .875rem;
	padding: .1rem 1.5rem;
}
.sectionbg .oneimg img {
	height: 2.5rem;
}
.sectionbg .oneimg div {
	margin: .5rem 0;
}
.newslist .more {
	right: 1.5rem;
	bottom: 1.5rem
}
.project_list {
	height: 20rem;
	overflow: hidden;
}
.project_list .font {
	padding: 2rem;
}
.project_list .font .fontinfo {
	line-height: 170%;
	font-size: .913rem;
	margin-top: 0;
}
.project_list .img img {
	height: 100%;
	max-width: auto;
}
.project_list .more {
	display: none;
}
.about ul li h6 {
	font-size: 1.2rem;
}
.about ul li .icon {
	height: auto;
}
.about ul li .icon img {
	height: 4rem;
}
.about ul li p {
	font-size: .913rem;
}
.subabout, .donghua, .industry, .team, .subparallux .parallux{
		height: 550px;
		overflow: hidden;
}
.subparallux .parallux.not-full .parallux-bg{
	min-height: 550px
}
.subparallux .parallux .text, .newsparallux .parallux .text {
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
}
.aboutboxList .c3 {
	padding: 0 0 1rem 0;
}
.aboutbox, .statements .Chairs, .newssub {
	padding: 2rem 0
}
	
.Chairs .contbox h4 {
	font-size: 1.6rem
}
.Chairs .contbox p {
	line-height: 180%;
}
.aboutboxList {
	padding: 0 2%;
	margin-bottom: 0;
}
.aboutad {
	height: 180px;
	font-size: 1.6rem;
}
.honor {
	margin: 0 .8rem;
	padding-top: 0;
}
.footnav {
	padding: 2rem
}
.newsparallux .parallux {
	height: 300px
}
	.newsparallux .parallux.not-full .parallux-bg{
	min-height: 300px
}
	.newsclass ul{
		padding-top: 1rem;
		margin-bottom: -.5rem;
	}
	.newsclass ul>li{
		width: auto;
		min-width: auto;
	}
	.newsclass ul>li a{
		padding: .4rem 1.5rem
	}
	.newssub .contbox{
		margin: 1rem .7rem;
	}
	.newssub .contbox ul li .img.newssub .contbox ul li .img, .newslist .listbox .img {
    height: 12rem;
}
	.pagenumber{
		padding-top: 1.5rem
	}
	.industrysset {
     	height: auto;
		padding-bottom: 2rem
	}
	.industrysset .c6{
		width: 55%
	}
	.industrysset .Chairs{
		padding-top: 7%
	}
	.industrysset .Chairs .contbox{
		padding-top: 0;
	}
	.partnersub{
		padding: 0 1.5rem 1.5rem
	}
	.partnersub .contbox ul li .font{
		line-height: 180%;
	}
	.contact{
		margin:0 0 1rem 0;
	}
	 .contact .contbox{
		min-height: auto;
		padding: 1.5rem 2rem;
	}
	.contact .contbox, .map {
    height: 300px;
		
}
	.talentbox{
		padding-top: 2rem;
	}
	.talentbox .c12{
		padding: 0;
	}
	.talentbox hr{
		margin: 1rem 0
	}
	.teambg{
		height: 620px;
	}
	.teamlist{
		margin: 0;
		padding: 0 .5rem
	}
	.teambox .img {
        height: auto;
	}
	.teambox .font{
		padding-top: 0
	}
	.headnav.large.subheadnav {
    height: 4.8rem;
}
	.subpadding {
    margin-top: 4.8rem;
    margin-bottom: 0;
}
	.position{
		padding: 1rem 1.5rem
	}
	.subcontentbg {
    padding: 1.5rem 2rem;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
	.subcontentbg h3{
		font-size: 2rem;
		margin-bottom: 0;
	}
	.subcontentbg .c6, .subcontentbg .c12{
		padding: 0;
	}
.subcontentbg img{
     max-width: 100%;
}
	.subproject {
    margin-top: -120px;
}
	.footnav .foottel hr{
		margin: 1rem 0
	}
	.newssub .contbox ul li .img {
    height: 12rem;
}
	.projparallux .parallux, .projparallux .parallux .parallux-bg {
    height: 75vh;
}
	.demo-gallery{
		margin: 0 0 -1rem 0;
		padding: 0 .7rem
	}
	.demo-gallery > ul > li a {
        height: 180px;
	}
	.footnav .c7{
		width: 50%;
	}
	.Chairsfont{
	padding: 0 15%;
}
}

@media all and (max-width: 992px) {
html {
	font-size: 14px;
}
.row .row .c1, .row .row .c2, .row .row .c3, .row .row .c4, .row .row .c5, .row .row .c6, .row .row .c7, .row .row .c8, .row .row .c9, .row .row .c10, .row .row .c11, .row .row .c12, .row .row .c1-5, .row .row .c1-8 {
	margin-bottom: 1rem;
	margin-left: 0px;
	margin-right: 0px;
}
.row .row > div:last-child {
	margin-bottom: 0 !important
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c1-5, .c1-8, .c1-5, .c1-6 {
	margin-right: 0;
	margin-left: 0;
	padding: 0 1rem;
}
h4 {
	font-size: 1.6rem;
}
h6 {
	font-size: 1.2rem;
}
.mob_none768 {
	display: none;
}

.fat-nav li, .fat-nav li a {
	font-size: 1.6rem;
	padding: .6rem .8rem;
}
.project_list {
	height: auto;
}
.project_list .c6 {
	width: 100%;
	height: 15rem;
}
.project_list .font {
	height: 16rem;
	padding-top: 1.5rem;
}
.project_list .img img {
	height: auto;
	max-width: 100%;
}
.about {
	padding-left: 3%;
	padding-top: 10%;
}
	.about ul li{
		width: 33.333%;
		height: 15rem
	}
.about ul li h6 {
	font-size: 1.1rem;
}
.about ul li .icon img {
	height: 3.5rem;
}
.about ul li p {
	font-size: .875rem;
}
.fat-nav li a, .headnav.small .fat-nav li, .headnav.small .fat-nav li a {
	font-size: 1.6rem;
}

.subabout, .subparallux .parallux, .donghua, .industry, .team {
    height: 400px;
    overflow: hidden;
}
.subparallux .parallux.not-full .parallux-bg{
	min-height: 400px
}
.subparallux .parallux .text, .newsparallux .parallux .text {
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-webkit-transform: scale(.8);
	transform: scale(.8);
}
.aboutboxList .icon img {
	height: 3rem;
}
.aboutboxList p {
	line-height: 150%;
}
.aboutboxList .c3 {
	padding: .6rem 0;
}
.Chairs .contbox p {
	line-height: 170%;
}
.contact .contbox:nth-child(2) {
    min-height: 280px;
}
.aboutad {
	height: 150px;
	font-size: 1.3rem;
}
.footnav .weixin {
	display: none;
}
.footnav .c3 {
	width: 38%
}
	.newssub .contbox{
		margin: 0;
	}
	.newssub .contbox ul li{
		width: 50%;
	}
	.industryBox{
		padding-left: 2rem;
	}
	.industryBoxL{
		padding-right: 2rem;
	}
	.aboutbox .c6 img{
		padding-right: 1rem
	}
	.partnersub {
    padding: 0 .8rem 0rem;
}
	.partnersub .contbox ul li h6{
		font-size: 1.2rem;
	}
	.partnersub .contbox ul li .font{
		line-height: 170%;
	}
	.contbox{
		padding: 1rem
	}
	.contbox ul {
		margin-bottom: 2rem;
	}
	.contbox ul li{
		line-height: 180%;
	}
	.talentbox{
		padding-top: 1rem;
	}
	.talentbox p{
		line-height: 170%;
		font-size: .913rem;
	}
	.subcontentbg .c6{
		width: 100%;
		text-align: left
	}

	.subproject {
    margin-top: -180px;
}
.hamburger{
		top:.8rem
	}
	.demo-gallery > ul > li{
		width: 50%;
	}
	.demo-gallery > ul > li a {
    height: 200px;
}
	.Chairsfont {
    padding: 0 10%;
}
}

@media all and (min-width: 542px) and (max-width: 766px) {
	.subabout, .subabout .parallux, .donghua, .industry, .industry .parallux, .team, .team .parallux {
    height: 280px;
}
	.aboutad {
    height: 120px;
}
.statements {
	height: auto;
}
.Chairs .contbox .c5 {
	display: none;
}
.Chairs .contbox .c7 {
	width: 100%;
}
.Chairs .contbox {
	margin-top: -1rem;
	padding: 0 3%;
	text-align: center;
}
.Chairs .contbox p {
	line-height: 160%;
	font-size: .913rem
}
.Chairs .contbox hr {
	margin: 1rem auto;
}
	.partnersub .contbox ul li .font{
		font-size: .8rem;
		line-height: 160%
	}
	.footnav .c7{
		padding: 0 0 0 3%;
	}
	.demo-gallery > ul > li a {
    height: 175px;
}
}

/* Media query for iPad and tablets */
@media all and (max-width: 541px) {
html {
	font-size: 14px
}
.row {
	margin-bottom: 0!important
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12, .c1-5, .c1-8, .c1-5, .c1-6 {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 0 1rem;
}
.c1.first, .c2.first, .c3.first, .c4.first, .c5.first, .c6.first, .c7.first, .c8.first, .c9.first, .c10.first, .c11.first, .c1-5.first, .c1-8.first, .c1-5.first, .c1-6.first {
	padding-left: 1rem;
	position: relative;
}
.c1.last, .c2.last, .c3.last, .c4.last, .c5.last, .c6.last, .c7.last, .c8.last, .c9.last, .c10.last, .c11.last, .c1-5.last, .c1-8.last, c1-5.last, .c1-6.last {
	padding-right: 1rem;
	position: relative;
}
h4 {
	font-size: 1.4rem;
}
.mob_none {
	display: none;
}
#toTop {
	width: 2.5rem;
	height: 2.5rem;
}
#fp-nav.right {
	right: .7rem;
}
#fp-nav ul li {
	width: 14px;
	height: 18px;
}
#fp-nav ul li a span {
	width: 10px;
	height: 10px;
	left: 1px;
	;
	top: 2px;
}
#fp-nav ul li a.active span {
	border: 1px solid #991623;
}
#fp-nav ul li a.active span {
	width: 12px;
	height: 12px;
}
.roller {
	width: .95rem;
	height: 2.3rem;
}
	.headnav, .headnav.small, .headnav.large.subheadnav{
		height: 4.2rem
	}
	.top-nav .logo, .top-nav .logo img, .headnav.small .logo{
		height: 1.8rem
	}
	.subpadding {
    margin-top: 4.2rem;
}
.hamburger {
	top:.5rem;
	right: 0;
}
.copyright .left {
	width: 100%;
	text-align: center
}
	.copyright p{
		line-height: 1.5rem;
		padding: .5rem 0
	}
.newslist {
	padding: 0 5%;
}
.newslist .listbox .font {
	height: 14.5rem;
}
.newslist .listbox .font p:nth-child(4) {
	height: 5rem;
	overflow: hidden;
}
.sectionbg .oneimg {
	bottom: 14%;
}
.sectionbg .oneimg div {
	margin: .2rem 0;
}
.sectionbg .oneimg div:nth-child(3) img {
	height: 2rem;
}
.sectionbg .oneimg hr {
	border-width: 4px 0 0;
	width: 50%;
	margin-top: .5rem;
}
.project {
	padding: 5% 8.5%;
}
.project.subproject {
	padding: 0 5.5%;
}	
.project .owl-theme .owl-controls {
	margin-top: 1rem;
}
.project_list .font {
	height: auto;
	padding: 1rem 1.5rem 1.5rem;
}
.project_list .font .fontinfo {
	height: 6rem;
	overflow: hidden;
}
	.project_list .img {
    height: 12rem;
}
.about {
	padding: 5%;
}
.about ul li {
	width: 50%;
	margin-bottom: .5rem;
	height: auto;
}
.about ul li h6 {
	font-size: .913rem;
	margin-top: .5rem;
}
.about ul li .icon img {
	height: 2.2rem;
}
.about ul li p {
	font-size: .7rem;
}
.about ul li hr {
	margin: .5rem auto;
	border-width: 2px 0 0;
}
.subabout, .subparallux .parallux, .donghua, .industry, .team {
	height: 250px;
}
.subparallux .parallux.not-full .parallux-bg{
	min-height: 250px
}
.statements{
		height: 730px;
		background: url(../images/about_bg.jpg) center no-repeat;
		background-size: cover; 
	}
.subparallux .parallux .text, .newsparallux .parallux .text {
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-webkit-transform: scale(.5);
	transform: scale(.5);
	padding-top: 4rem;
}
.intitle p {
	letter-spacing: 6px;
	font-size: .75rem;
}
.aboutbox, .statements .Chairs {
	padding: 1.5rem 0;
}
.aboutboxList {
	padding: 0 3%;
}
.aboutboxList .c3 {
	width: 50%;
}
.aboutboxList p {
	font-size: .913rem
}
.aboutboxList hr {
	margin: .1rem auto .5rem;
}
.Chairs .contbox, .newssub, .partnersub {
	padding-top: 0;
}
	.Chairs .contbox{
		position: relative;
	}
.Chairs .contbox .c5 img {
	width:9rem;
}
.Chairs .contbox hr {
	margin: 1rem auto;
}
.Chairs .contbox h4 {
	text-align: center;
	font-size: 1.4rem;
}
.Chairs .contbox .c7 {
	padding: 0 1.5rem;
	overflow: hidden;
}
.Chairs .contbox p {
	line-height: 150%;
}
.aboutboxList {
	width: 95%;
}
.aboutad {
	padding-top: 7%;
	height: 100px;
	font-size: 1.1rem;
}
.footnav {
	padding: 1rem 0 .5rem;
}
.footnav .c3 {
	width: 100%;
}
.footnav .foottel img {
	width: 50%;
}
.footnav .tel .font strong {
	font-size: 1.6rem;
}
.footnav .foottel hr {
	margin: .7rem auto;
	width: 10%;
}
.footnav .tel .font p {
	font-size: .875rem
}
.newsparallux .parallux, .newsparallux .parallux .parallux-bg {
	height: 250px;
}
	.newsparallux .parallux.not-full .parallux-bg{
	min-height: 250px
}
.newsparallux .parallux .text {
	margin-top:-120px;
}
	.newssub .contbox {
    margin: 0 .5rem;
}
	.newssub .contbox ul li{
		width: 100%;
		padding: .5rem 0
	}
	.newssub .contbox ul li .font{
		height: auto;
	}
	.newssub ul li p:nth-child(3), .Icopyright{
		display: none
	}
	.newsclass ul>li{
		width: auto;
		min-width: auto;
		margin: 0 .5rem;
	}
	.newsclass ul {
    margin-top: -2.2rem;
}
	.pagenumber {
    padding-top: 1rem;
}
	.pagenumber ul>li>a, .pagenumber ul>li>span, .pagenumber .page a, .pagenumber .page span{
		display: none;
	}
	.pagenumber .page a:nth-child(1), .pagenumber .page a:nth-child(2), .pagenumber .page a:last-child{
		display: block;
		font-size: .875rem
	}
	.aboutbox .c6{
		padding: 0 1.5rem;
	}
	.aboutbox .c6 img{
		padding: 0;
	}
	.industryBox{
		margin-top: -1rem;
	}
	
	.industrysset {
		background-position: right center;
	}
	.industrysset .c6 {
    width: 100%;
		padding: 0 1.5rem
}
	.industrysset .intitle{
		text-align: center;
	}
    .industryBox03 {
    width: 90%;
}
	.industryBox03 img{
		width: 80%;
		margin-bottom: .5rem
	}
	.partnersub{
		padding:0 .5rem;
		margin-top: -1rem
	}
	.partnersub .contbox ul li{
		line-height: 160%;
	}
	.partnersub .contbox ul li .img{
		width: 50%;
		padding-right: 1rem;
	}
	.partnersub .contbox ul li:nth-child(2n) .img{
		padding-left: 1rem;
	}
	.partnersub .contbox ul li .font{
		padding-top: 0
	}
	.contact{
		margin-top: -.5rem
	}
	.contact .c6.map{
		padding: 0;
		height: 240px;
		margin: 0;
	}
	.contact .contbox{
		min-height: auto;
		padding:1.6rem 2rem 2.5rem;
		margin-top: 0;
	}
	.contact .contbox:nth-child(2) {
    min-height: auto;
		    height: auto;
}
	.contbox ul li{
		line-height: 160%;
		font-site:.875rem
	}
	.talentimg img{
		width: 50%;
		margin-top: .5rem
	}
	.talentbox {
    padding:0 1.4rem;
}
	.teambg{
		height: 600px;
	}
	.teamboxdal p{
		line-height: 180%;
	}
.position {
    padding: .7rem 1rem;
}
.subcontentbg {
    padding: 1rem 1.5rem;

}
	.subcontentbg .c6{
		padding: 0;
	}
	.subcontentbg h3{
		font-size: 1.6rem;
	}
	.subcontentbg .time{
		padding-bottom: 0;
	}
	.subproject {
    margin-top: -210px;
}
	.projparallux .parallux, .projparallux .parallux .parallux-bg {
    height: 100vh;
}
	.demo-gallery{
		padding: 0 .5rem;
	}
	.demo-gallery > ul > li{
		width: 100%;
		margin-bottom: 1.2rem;
	}
	.demo-gallery > ul > li a{
		height: auto;
	}
	.partnersub .contbox ul li h6{
		margin-top: .2rem;
		margin-bottom: .3rem;
		line-height: 150%;
	}
	.Chairs .contbox .c7.Chairsfont {
    padding: 0 7%;
		line-height: 200%;
}
	.Chairs .contbox .c7.Chairsfont p {
    line-height: 180%;
}
}
@media all and (max-width: 320px) {
html {
	font-size: 12px;
}
.aboutboxList {
	padding: 0;
}
	
}