body {

	font-family: arial, 'microsoft yahei', helvetica, sans-serif;

	overflow-x: hidden;

}



.icon-menu {

	display: none;

}

.center-width {

	max-width: 100%;

	width: 1400px;

	margin-left: auto;

	margin-right: auto;

}





.lang .current {

	color: #f39700;

}



header {

	height: 75px;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 22;

	width: 100%;

	padding-top: 30px;

}



header .menu>ul>li {

	margin-right: 40px;

	padding: 10px 0;

	text-align: center;

	height: 21px;

}

header .menu>ul>li>a {

	display: block;

	position: relative;

	padding-bottom: 7px;

}

header .menu .line {

	position: absolute;

	width: 0;

	height: 1px;

	background-color: #f39700;

	bottom: -3px;

	left: 0;

	-webkit-transition: all 0.6s;

	-o-transition: all 0.6s;

	transition: all 0.6s;

}



header .menu li:hover>a

, header .menu li.current>a {

	color: #f39700;

}

header .menu li.current>a {

	color: inherit;

}

header .menu>ul>li:hover .line

, header .menu>ul>li.current .line {

	width: 100%;

}



header .menu>ul>li:hover .children {

	max-height: 200px;

	padding: 6px 9px;

	background-color: rgba(0, 0, 0, 0.38);

}



header .children {

	position: absolute;

	max-height: 1px;

	overflow: hidden;

	-webkit-transition: all 0.6s;

	-o-transition: all 0.6s;

	transition: all 0.6s;

	background-color: rgba(0, 0, 0, 0);

	text-align: center;

	top: calc(100% - 3px);

	left: 50%;

	-webkit-transform: translatex(-50%);

	    -ms-transform: translatex(-50%);

	        transform: translatex(-50%);

	line-height: 22px;

	font-size: 12px;

	padding: 0 9px;

}



header .children::before {

	content: '';

	position: absolute;

	width: 0;

	height: 1px;

	background-color: #f39700;

	top: 0;

	left: 0;

	-webkit-transition: all 0.6s;

	-o-transition: all 0.6s;

	transition: all 0.6s;

}

header .menu>ul>li:hover .children::before
, header .menu>ul>li.current .children::before
 {
	width: 100%;
}

header .children li {

	white-space: nowrap;

}



.slides .slide-wrapper {

	position: relative;

}

.slides .extra {

	position: absolute;

	left: 0;

	top: 0;

}



.slides .swiper-container-horizontal>.swiper-pagination-bullets {

	bottom: 0.8rem;

}

.slides .swiper-pagination-bullet {

	background-color: #fff;

	opacity: 1;

}

.slides .swiper-pagination-bullet.swiper-pagination-bullet-active {

	background: #f29700;

}





.slides .banner_01_extra .img-wrapper {

	text-align: left;

}

.slides .banner_01_extra {

	left: 46.5%;

	top: 33%;

	width: 5.9rem;

}

.slides .banner_02_extra {

	left: 50%;

	top: 50%;

	-webkit-transform: translate(-50%, -50%);

	    -ms-transform: translate(-50%, -50%);

	        transform: translate(-50%, -50%);

	width: 8.28rem;

}

.slides .banner_03_extra {

	left: 26%;

    top: 30%;

    width: 5.17rem;

}

.slides .banner_04_extra {

	left: 22%;

	top: 43%;

	width: 4.12rem;

}



.menu li {

	float: left;

	position: relative;

}

.menu .children>ul {

	

}

.menu .children li {

	float: none;

}



.lay-home-01>div {

	width: 6.9rem;

	height: 3.9rem;

	overflow: hidden;

}

.lay-home-01>div img {

	width: 100%;

	-webkit-transition: all 0.7s;

	-o-transition: all 0.7s;

	transition: all 0.7s;

}

.lay-home-01>div:hover img {

	max-width: 110%;

	width: 110%;

}

.lay-home-01 a {

	display: block;

	position: relative;

}

.lay-home-01 a::before {

	content: attr(title);

	position: absolute;

	right: 1em;

	top: 1em;

	color: #fff;

	font-size: 18px;

}

.lay-home-02 {

	padding-top: 30px;

	padding-bottom: 25px;

}

.lay-home-02 .lay-v-center {

	margin: 0 auto;

}

.lay-home-02 li {

	width: 25%;

}

.lay-home-02 .text {

	width: 9em;

}

.lay-home-02 .right_top::after {

	content: ' ';

    font-size: 20px;

    position: relative;

    top: -7px;

    width: 5px;

    display: inline-block;

    left: -6px;

}





.lay-news-01 {

	width: 6.25rem;

}

.lay-news-01 .img-wrapper {
	height: 2.95rem;
	overflow: hidden;
}

.lay-news-01 .cover {

	position: relative;

}

.lay-news-01 .title {

	line-height: 54px;

}

.lay-news-01 .desc {

	line-height: 24px;

}

.lay-news-01 .date {

	background-color: #f39700;

	width: 66px;

	padding: 6px 0;

	position: absolute;

	left: 0;

	top: 0;

}

.lay-news-01 .more {

	position: relative;

	top: -24px;

	text-align: right;

}



.lay-news-02 {

	width: 6.87rem;

}

.lay-news-02 li:first-child {

	margin-top: 0;

}

.lay-news-02 li:last-child::after {

	display: none;

}

.lay-news-02 li {

	height: 100px;

	position: relative;

	margin-top: 30px;

}

.lay-news-02 li::after {

	content: '';

	width: 86%;

	position: absolute;

	left: 0;

	bottom: 0;

	height: 1px;

	background-color: #e9e9e9;

}

.lay-news-02 .date {

	width: 60px;

	text-align: center;

}

.lay-news-02 .title {

	line-height: 35px;

}

.lay-news-02 .desc {

	line-height: 22px;

}

.lay-news-02 .wrapper {

	width: calc(100% - 80px);

	margin-left: 20px;

}

.home-news>.title {

	padding-top: 50px;

	padding-bottom: 36px;

}





.tab-bar {

	height: 50px;

	line-height: 50px;

	background-color: #f3f3f3;

}

.tab-bar>div {

	background-color: #f3f3f3;

	width: 100%

}

.tab-bar .tab ul {

	overflow: hidden;

	text-align: center;

	white-space: nowrap;

	overflow-x: auto;

}

.tab-bar .tab li.current {

	color: #f39700;

	position: relative;

}

.tab-bar .tab li.current::after {

	content: '';

	width: 30px;

	height: 2px;

	background-color: #f39700;

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -15px;

}

.tab-bar .tab li:hover {

	color: #f39700;

}

.tab-bar .tab li {

	display: inline-block;

	margin-left: 0.94rem;

	font-size: 16px;

}

.tab-bar .tab li:first-child {

	margin-left: 0;

}



.component-title {

	text-align: center;

}

.component-title .title {

	padding: 0 90px;

	display: inline-block;

	position: relative;

}

.component-title .line-left

, .component-title .line-right {

	width: 50px;

	height: 3px;

	position: absolute;

	background-image: ;

	background-repeat: no-repeat;

	top: 20px;

	left: 0;

}

.component-title .line-right {

	left: auto;

	right: 0;

	background-image: ;

}





.bg-feature-02 {

	background-image: ;

	background-repeat: no-repeat;

	width: 100%;

}



.card-animate li {

	-webkit-transition: -webkit-transform 0.8s;

	transition: -webkit-transform 0.8s;

	-o-transition: transform 0.8s;

	transition: transform 0.8s;

	transition: transform 0.8s, -webkit-transform 0.8s;

	cursor: pointer;

}

.card-animate li:hover {

	-webkit-transform: translatey(-10px);

	    -ms-transform: translatey(-10px);

	        transform: translatey(-10px);

}



.shadow-animate .item

, .shadow-animate .img-wrapper {

	-webkit-transition: all 0.6s;

	-o-transition: all 0.6s;

	transition: all 0.6s;

	-webkit-transform: translatey(0);

	    -ms-transform: translatey(0);

	        transform: translatey(0);

}

.shadow-animate .item {

	cursor: pointer;

}



.shadow-animate .item:hover .img-wrapper {

	-webkit-transform: translatey(-10px);

	    -ms-transform: translatey(-10px);

	        transform: translatey(-10px);

}



.shadow-animate .item:hover {

	-webkit-box-shadow: 0 0 20px 4px #92c8ef;

	        box-shadow: 0 0 20px 4px #92c8ef;

	background-color: #fff;

}

.shadow-animate.gold .item:hover {

	-webkit-box-shadow: 0 0 20px 4px #ccc;

	        box-shadow: 0 0 20px 4px #ccc;

}



.card-01.card-count-5 li {

	margin-left: calc((100% - 13.5rem) / 4);

}

.card-01 li {

	width: 2.7rem;

	height: 4.2rem;

	background-color: #fff;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

	padding-left: 40px;

	padding-right: 40px;

	padding-top: 50px;

	text-align: center;

	position: relative;

	float: left;

	margin-left: calc((100% - 10.9rem) / 3);

}

.card-01 li:first-child {

	margin-left: 0!important;

}



.card-01 li .img-wrapper {

	height: 70px;

}

.card-01 li .line {

	text-align: center;

	font-size: 0;

	padding-top: 24px;

	padding-bottom: 28px;

}

.card-01 li .line::before {

	content: '';

	width: 7px;

	height: 1px;

	display: inline-block;

	background-color: #313131;

}

.card-01 li .title {

	padding-bottom: 34px;

}

.card-01 li .desc {

	line-height: 25px;

}

.card-01 li .index {

	font-size: 18px;

	color: #f39700;

	position: absolute;

	bottom: 25px;

	width: calc(100% - 80px);

}



.shadow-01 .item {

	width: 146px;

	height: 151px;

	margin: 0 auto;

	padding-top: 37px;

	overflow: hidden;

}

.shadow-01 .img-wrapper {

	/* margin-bottom: 20px; */

}

.shadow-01 .img-wrapper img {

	-webkit-transform: scale(0.8);

	    -ms-transform: scale(0.8);

	        transform: scale(0.8);

}



.lay-tab-v {

	border: 1px solid #dcdcdc;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

	height: 400px;

}

.lay-tab-v .nav {

	width: 180px;

	text-align: center;

	background-color: #f3f3f3;

} 

.lay-tab-v .nav tr {

	color: #333333;

	cursor: pointer;

}

.lay-tab-v .nav tr.current {

	background-color: #f49600;

	color: #fff;

}

.lay-tab-v .car-wra {

	width: calc(100% - 180px);

	height: 100%;

	overflow: hidden;

	overflow-y: auto;

}



.lay-tab-v .car-wra>div>ul>li.other {

	/* padding-left: 60px; */

}

.lay-tab-v .car-wra>div>ul>li {

	display: none;

}

.lay-tab-v .car-wra>div>ul>li:first-child {

	display: block;

}

.lay-tab-v .car-wra th {

	width: 200px;

	font-weight: initial;

	text-align: center;

}

.lay-tab-v .car-wra td {

	height: 138px;

}

.lay-tab-v .car-wra td li {

	width: 196px;
	height: 130px;
}

.lay-tab-v .car-wra p {

	margin-top: 45px;

	margin-bottom: 40px;

	padding: 0 10px;

}



.lay-tab-v .car {

	width: 130px;

	height: 72px;

	padding: 10px 0;



}

.lay-tab-v .car .img-wrapper {

	height: 72px;

	line-height: 72px;

}

.lay-tab-v .car img {

	display: inline-block;

    vertical-align: middle;

}

.lay-tab-v .name {

	width: 130px;

}

.lay-feature-01 li {

	width: 450px;

	margin-left: calc((100% - 1350px) / 2);

}

.lay-feature-01 li:first-child {

	margin-left: 0;

}

.lay-feature-01 .lay-table li {

	width: 1%;

	padding: 0 25px;

}

.lay-feature-01 .lay-table li>div {

	margin: 0 auto;

}

.lay-feature-01 .line {

	padding: 12px 0;

}

.lay-feature-01 .line::before {

	content: '';

	width: 16px;

	height: 1px;

	background-color: #f39700;

	display: block;

	margin: 0 auto;

}

.hud-text-wra {

	height: 100px;

}

.hud-text-wra li {

	width: 320px;

	border: 1px solid #f29700;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

	margin-left: calc((100% - 960px) / 2);

	padding: 0 45px;

	box-sizing: border-box;

}

.hud-text-wra li:first-child {

	margin-left: 0;

}





.news-wrapper ul {

	overflow: hidden;

	padding: 20px;

}

.news-wrapper li {

	width: 440px;

	float: left;

	margin-left: calc((100% - 1320px) / 2);

	margin-top: 38px;

	background-color: #fff;

}

.news-wrapper li:nth-child(3n   1)

, .news-wrapper li:first-child {

	margin-left: 0;

}

.news-wrapper li>div {

	-webkit-transition: all 0.6s;

	-o-transition: all 0.6s;

	transition: all 0.6s;

}

.news-wrapper li:hover>div {

	-webkit-box-shadow: 0 9px 20px 0 #e4e2e2;

	        box-shadow: 0 9px 20px 0 #e4e2e2;

	-webkit-transform: translatey(-14px);

	    -ms-transform: translatey(-14px);

	        transform: translatey(-14px);

}

.news-wrapper .content {

	border: 1px solid #e5e5e5;

	height: 198px;

	padding-left: 28px;

	padding-right: 28px;

}

.news-wrapper .content .title {

	height: 20px;

	margin-bottom: 18px;

	margin-top: 25px;

}

.news-wrapper .content .desc {

	height: 74px;

	border-bottom: 1px solid #e5e5e5;

}

.news-wrapper .content .more {

	height: 60px;

	line-height: 60px;

}



.pagination .btn {

	border: 1px solid #dcdcdc;

	font-size: 14px;

	color: #666;

	display: inline-block;

	padding: 0 12px;

	height: 34px;

	line-height: 34px;

	margin-left: 10px;

}

.pagination .btn:first-child {

	margin-left: 0;

}

.pagination .btn a {

	display: block;

}

.pagination .btn:hover

, .pagination .btn.current {

	color: #fff;

	background-color: #f39700;

	border: 1px solid #f39700;

}





.document {

	line-height: 30px;

	letter-spacing: 1.1px;

}

.document img {

	max-width: 98%;
	height: auto;
}





.bottom-bar {

	background-color: rgba(29, 29, 37, 0.8);

	padding: 6px 0;

	color: #fff;

	text-align: center;

	position: fixed;

	bottom: 0;

	left: 0;

	z-index: 3;

	font-size: 14px;

	width: 100%;

}

.bottom-bar ul {

	overflow: hidden;

}

.bottom-bar li {

	height: 38px;

	display: inline-block;

	line-height: 38px;

	padding: 0 25px;

	margin-left: 25px;

}

.bottom-bar li.current {

	background-color: #fff;

	color: #f39700;

}

.bottom-bar li:first-child {

	margin-left: 0;

}



.text_img-wrapper .content-text {

	width: 6rem;

	padding-top: 70px;

}

.text_img-wrapper .content-text .line-x {

	padding-top: 18px;

	padding-bottom: 45px;

}

.text_img-wrapper .content-text .line-x::before {

	width: 20px;

	height: 2px;

}

.text_img-wrapper .content-img {

	width: 7rem;

}

.line-x {

	padding: 25px 0;

}

.line-x::before {

	content: '';

	display: block;

	width: 15px;

	height: 1px;

	background-color: #000;

}



.time-line-content {

	position: absolute;

	top: 130px;

	left: 50%;

	-webkit-transform: translatex(-50%);

	    -ms-transform: translatex(-50%);

	        transform: translatex(-50%);

	width: calc(100% - 42px);

}

.time-line-content>ul>li {

	/* width: 316px; */

	width: 70%;

	box-sizing: border-box;

	-webkit-box-shadow: 1px 4px 20px 12px #e8e8e8;

	        box-shadow: 1px 4px 20px 12px #e8e8e8;

	background-color: #fff;

	font-size: 14px;

	color: #333333;

	line-height: 1.5;

	padding: 26px 36px;

	display: none;

	text-align: left;

	position: absolute;

	left: 50%;

	transform: translatex(-50%);

}

.time-line-content>ul>li p {

	margin: 10px 0;

}

.time-line-content>ul>li.current {

	display: block;

}

.time-line_btn-l

, .time-line_btn-r {

	background-image: ;

	width: 21px;

	height: 21px;

	cursor: pointer;

	display: inline-block;

	position: relative;

	z-index: 2;

}

.time-line_btn-r {

	background-image: ;

}

.time-line_btn-l:hover {

	background-image: ;

}

.time-line_btn-r:hover {

	background-image: ;

}



.time-line {

	font-size: 0;

	height: 384px;

}

.time-line .time-line-wrapper {

	width: calc(100% - 42px);

	font-size: 20px;

	position: relative;

	top: -5px;

	overflow: hidden;

	padding-top: 25px;

}

.time-line ul {

	position: relative;

}

.time-line .time-line-wrapper::before {

	content: '';

    position: absolute;

    width: 100%;

    height: 1px;

    background-color: #dcdcdc;

    left: 0;

    bottom: 5px;

    z-index: -1;

}

.time-line ul.time-line-ul {

	font-size: 0;

	white-space: nowrap;

	-webkit-transition: all 0.8s;

	-o-transition: all 0.8s;

	transition: all 0.8s;

}

.time-line ul.time-line-ul>li {

	position: relative;

	width: 8%;

	display: inline-block;

}

.time-line ul.time-line-ul>li::before {

	content: '';

	background-image: ;

	width: 13px;

	height: 13px;

	display: inline-block;

	cursor: pointer;

}

.time-line ul.time-line-ul>li.current::before {

	background-image: ;

}

.time-line ul.time-line-ul>li::after {

	content: attr(time);

	position: absolute;

	width: 100%;

	text-align: center;

	left: 0;

	top: -24px;

	cursor: pointer;

	font-size: 16px;



}

.time-line ul.time-line-ul>li.current::after {

	color: #f29700;

}

.time-line ul.time-line-ul>li>div {

	position: absolute;

	width: 264px;

	-webkit-box-shadow: 1px 4px 20px 12px #e8e8e8;

	        box-shadow: 1px 4px 20px 12px #e8e8e8;

	background-color: #fff;

	font-size: 14px;

	color: #333333;

	line-height: 50px;

	padding: 26px 36px;

	left: 50%;

	margin-left: -168px;

	top: 65px;

	display: none;

	text-align: left;

}

.time-line ul.time-line-ul>li.current>div {

	display: block;

}



.honor .title {

	height: 106px;

	overflow: hidden;

}

.honor .title>div {

	height: 100%;

	float: left;

}

.honor .title .text {

	background-image: _01.png');

	width: 140px;

}

body.en .honor .title .text {
	background-image: _01_en.png');
	width: 170px;

}
body.en .honor .content-right .title .text {
	background-image: _01_en.png');
	width: 230px;

}
body.en .honor .title .line {
	width: calc(100% - 240px);
}

body.en .honor  .content-right .title .line {
	width: calc(100% - 300px);
}
.honor .title .line {

	background-image: _03.png');

	width: calc(100% - 210px);

}

.honor .title .icon {

	background-image: _05.png');

	width: 70px;

}



.honor .content-right .title .text {

	background-image: _01.png');

}

.honor .content-right .title .line {

	background-image: _03.png');

}

.honor .content-right .title .icon {

	background-image: _03.png');

}

.honor .content-left

, .honor .content-right {

	/* background-image: .png'); */

	background-repeat: no-repeat;

	width: 6.8rem;

	/* padding-top: 1.06rem; */

	background-size: contain;

	color: #333;

}

.honor .content-left img

, .honor .content-right img {

	width: 100%;

}

.honor ul {

	padding-top: 28px;

	background-color: #fff;

	padding-left: 0.59rem;

	padding-right: 0.59rem;

	line-height: 36px;

	padding-bottom: 39px;

	border-radius: 0 0 4px 4px;

	margin-top: -1px;

}

.honor ul span {

	margin-right: 7px;

}



.partner {

	width: 1200px;

}

.partner ul {

	padding: 0 22px;

}

.partner li {

	display: inline-block;

	width: 24%;

    padding: 20px;

    margin: 0;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

}





.contact .content-left

, .contact .content-right {

	width: 600px;

}

.contact .sub {

	border-bottom: 1px solid #e3e3e3;

	height: 35px;

}

.contact li {

	padding: 10px 0;

	overflow: hidden;

}

.contact li p {

	width: calc(100% - 50px);

}

.contact .icon {

	margin-right: 26px;

}



.hover-shade-view ul {

	overflow: hidden;

}

.hover-shade-view li {

	width: 440px;

	position: relative;

	overflow: hidden;

	float: left;

	margin-left: calc((100% - 1320px) / 2);

	margin-bottom: 32px;

}

.hover-shade-view .lay-v-center {

	margin: 0 auto;

}

.hover-shade-view li:first-child

, .hover-shade-view li:nth-child(3n   1) {

	margin-left: 0;

}

.hover-shade-view li:hover .hover-shade {

	bottom: 0;

}



.hover-shade-view .hover-shade {

	position: absolute;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0, 0, 0, 0.65);

	padding: 0 68px;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

	bottom: -100%;

	-webkit-transition: all 0.6s;

	-o-transition: all 0.6s;

	transition: all 0.6s;

	display: none;

}

.hover-shade-view .hover-shade .line-x {

	text-align: center;

	font-size: 0;

	padding: 19px 0;

}

.hover-shade-view .hover-shade .line-x::before {

	height: 2px;

	width: 20px;

	background-color: #fff;

	display: inline-block;

}





.job .sub-title {

	height: 25px;

	width: calc(100% - 66px);

	margin: 0 auto;

	border-bottom: 1px solid #f9ca7f;

	margin-bottom: 26px;

}

.job .list li .desc {

	height: 120px;

	padding: 0 33px;

}

.job .list li .desc>div {

	border-bottom: 1px solid #e5e5e5;

}

.job .list li .desc:hover

, .job .list li.current .desc {

	background-color: #f3f3f3;

}

.job .list li .content {

	padding: 32px 50px;

	display: none;

}





footer {

	background-color: #e6e6e6;

	padding-top: 40px;

}





footer .map-left {

	width: 40%;

}


footer .map-right {

	width: 52%;

}
body.en footer .map-right {
	width: 50%;
}
footer .map-left .placeholder {

	width: 20%;

}

footer .sitemap dt {

	font-size: 16px;

	color: #2c2c2c;

	padding: 16px 0;

	white-space: nowrap;

}

footer .sitemap dd {

	font-size: 14px;

	color: #717171;

	line-height: 30px;

}
footer .sitemap dd a {
	white-space: nowrap;
}


footer .sitemap dd:hover a {

	color: #f39700;

}

footer .copyright {

	background-color: #222222;

	line-height: 40px;

	height: 40px;

	border-top: 1px solid #373737;

}



footer .copyright .center-width {

	position: relative;

}

footer .copyright .top {

	position: absolute;

	right: 0;

	top: 0;

	cursor: pointer;

}

footer .copyright .top img {

	display: block;

	margin-top: 11px;

}





.ad-01 {

	animation-delay: 0.1s;

	-webkit-animation-delay: 0.1s;

}

.ad-02 {

	animate-delay: 0.2s;

	-webkit-animation-delay: 0.2s;

}

.ad-03 {

	animate-delay: 0.3s;

	-webkit-animation-delay: 0.3s;

}



.news-title {

	position: absolute;

    top: 280px;

	z-index: 2;

	width: 100%;

}

.news-title .f-s-36 {

	font-size: 0.36rem;

}

body:not(.home-page) .slides .img-wrapper {

	height: 450px;

	position: relative;



}



body:not(.home-page) .slides img {

	height: 100%;

	max-width: none;

	position: absolute;

	left: 50%;

	top: 0;

	-webkit-transform: translatex(-50%);

	    -ms-transform: translatex(-50%);

	        transform: translatex(-50%);

}



.platform>li>div {

	background-color: #fff;

	padding: 40px 30px;

	height: 460px;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

	margin: 0 auto;

}

.platform>li>div .title {

	text-align: center;

	font-size: 18px;

	color: #333;

	padding-bottom: 25px;

}

.platform .img-wrapper {

	width: 45px;

}

.platform .android>div {

	width: 400px;

}

.platform .linux>div {

	width: 500px;

}

.platform .qnx>div {

	width: 450px;

}

.text-wrapper {

	position: absolute;

	left: 0;

	bottom: 25%;

	font-size: 0.16rem;

	color: #333;

	line-height: 1.4;

}

.text-wrapper>div {

	padding: 0 0.6rem;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

}







.big {

	-webkit-animation-name: big;

	        animation-name: big;

}





@-webkit-keyframes big {

	0% {

		opacity: 0;

		-webkit-transform: scale(1.4);

		        transform: scale(1.4);

	}

	100% {

		opacity: 1;

		-webkit-transform: scale(1);

		        transform: scale(1);

	}

}





@keyframes big {

	0% {

		opacity: 0;

		-webkit-transform: scale(1.4);

		        transform: scale(1.4);

	}

	100% {

		opacity: 1;

		-webkit-transform: scale(1);

		        transform: scale(1);

	}

}





.scroll-fixed.fixed>div {

	position: fixed;

	left: 0;

	top: 0;

	z-index: 2;

}



.slides img {

	visibility: hidden;

}

.slides img[old="true"] {

	visibility: visible;

}





.joinus-it {

	font-size: 0;

	display: inline-block;

}

.joinus-it .img-wrapper {

	display: inline-block;

}

.joinus-it .title1 {

	position: absolute;

	font-size: 20px;

	color: #fff;

	top: 20px;

	left: 50%;

	-webkit-transform: translatex(-50%);

	    -ms-transform: translatex(-50%);

	        transform: translatex(-50%);

}



.joinus-it .desc1 {

	position: absolute;

	color: #333;

	font-size: 14px;

	left: 50%;

	-webkit-transform: translatex(-50%);

	    -ms-transform: translatex(-50%);

	        transform: translatex(-50%);

	width: 17em;

	max-width: 90%;

	bottom: 20%;

	text-align: left;

	line-height: 1.5;

}



.joinus-it .title2 {

	position: absolute;

	font-size: 20px;

	color: #fff;

	top: 20px;

	left: 50%;

	-webkit-transform: translatex(-50%);

	    -ms-transform: translatex(-50%);

	        transform: translatex(-50%);

}

.joinus-it .desc2 {

	position: absolute;

	color: #333;

	font-size: 14px;

	left: 50%;

	-webkit-transform: translatex(-50%);

	    -ms-transform: translatex(-50%);

	        transform: translatex(-50%);

	width: 17em;

	max-width: 90%;

	bottom: 20%;

	text-align: left;

	line-height: 1.5;

}

.joinus-it .desc3 {

	position: absolute;

	color: #333;

	font-size: 14px;

	left: 50%;

	-webkit-transform: translatex(-50%);

	    -ms-transform: translatex(-50%);

	        transform: translatex(-50%);

	width: 17em;

	max-width: 90%;

	top: 20%;

	text-align: left;

	line-height: 1.5;



}

.joinus-it .title3 {

	position: absolute;

	font-size: 20px;

	color: #fff;

	bottom: 12%;

	left: 50%;

	-webkit-transform: translatex(-50%);

	    -ms-transform: translatex(-50%);

	        transform: translatex(-50%);

}





.lang .view {

	height: 31px;

	width: 85px;

	text-align: center;

	border: 1px solid #d2dde5;

	border-radius: 20px;

	background-color: rgba(255,255,255,0.2);

}

.lang:hover .lang-dropdown {

	display: block;

}

.lang .lang-dropdown a:hover {

	color: #f29700;

}

.lang .lang-dropdown {

	width: 85px;

	border: 1px solid #d2dde5;

	border-radius: 5px;

	background-color: rgba(255,255,255,0.2);

	margin-top: 3px;

	text-align: center;

	position: absolute;

	display: none;

}

.lang .lang-dropdown li {

	padding: 7px 3px;

	display: inline-block;

}



.text_img-wrapper .content-img {

    padding-top: 15px;

    padding-bottom: 20px;

}



.honor .content-left span, 

.honor .content-right span {

	float: left;

}

.honor .content-left p, 

.honor .content-right p {

	margin-left: 2em;

}

footer .center-width {

	width: 1200px;

}



.text_img-wrapper {

	font-size: 14px;

}



.shade {

	position: fixed;

	left: 0;

	top: 0;

	background-color: rgba(255, 255, 255, 0.95);

	width: 100%;

	height: 100%;

	z-index: 5;

	display: none;

}

.lay-news-01 .cover img {
	width: 100%;
}


.news-wrapper .img-wrapper {
	position: relative;
	overflow: hidden;
}
.news-wrapper .img-wrapper::before {
	padding-top: 59%;
    content: '';
    display: block;
}
.news-wrapper .img-wrapper img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: none;
}

simple-article h1,.simple-article h2,.simple-article h3,.simple-article h4,.simple-article h5,.simple-article h6 {font-weight:bold;}
.simple-article h1 { font-size:34px; line-height:1.3em; margin-bottom:5px;}
.simple-article h2 { font-size:30px; line-height:1.2em; margin-bottom:10px; }
.simple-article h3 { font-size:26px; line-height:1.6em; margin-bottom:10px; }
.simple-article h4 { font-size:22px; line-height:1.25em; margin-bottom:10px; }
.simple-article h5 { font-size:18px; line-height:1.6em; margin-bottom:10px;}
.simple-article h6 { font-size:14px; line-height:1.5em; margin-bottom:10px; }
.simple-article p {  
    margin-bottom:15px;   
    text-indent: 2em;
    color: #363636;
    /* font-size: 16px; */
    /* line-height: 32px; */
}

.simple-article blockquote { display:block; font-family: georgia,"times new roman",times,serif; padding:10px 20px 10px 45px; color:#666; line-height:160%; margin-bottom:15px;} /* ????Ӭ */
.simple-article blockquote em { color:#999; text-align:right; display:block;}
.dropcap {float:left;	padding:10px 10px 5px 0; font-weight:bold;}  /* é|–?-—????2‰ */
.simple-article hr{ border:1px solid #ddd; border-width:0 0 1px 0; height:1px; font-size:0; margin:25px 0; clear:both; *margin:17px 0;}
.simple-article .br {font-size: 0;}


/*-------------------------------------
   list
-------------------------------------*/
.simple-article li ul,.simple-article li ol { margin: 0; }
.simple-article ul,.simple-article ol { margin: 0 0 15px 0; padding-left:1.5em; line-height:180%; _margin-left:5px; }
.simple-article ul { list-style-type:disc;}
.simple-article ul.square { list-style:square;}
.simple-article ul.circle { list-style:circle;}

.simple-article ol { list-style-type:decimal; *padding-left:1.8em;}
.simple-article dl { margin: 0 0 1.5em 0; }
.simple-article dl dt { font-weight: bold; }
.simple-article dd { margin-left: 1.5em;}

/*-------------------------------------
   2. table
-------------------------------------*/
.simple-article table {border-collapse: collapse; border-spacing: 0;overflow:hidden; width:100%; margin-bottom:15px;}
.simple-article table th { font-weight:bold;}
.simple-article table th, .simple-article table td {
    border-top: 1px solid #dddddd;
    line-height: 18px;
    padding: 8px;
    /*text-align: left;*/
    vertical-align: top;
}	
.simple-article table colgroup   thead tr:first-child th, .simple-article table colgroup   thead tr:first-child td, .simple-article table thead:first-child tr:first-child th, .simple-article table thead:first-child tr:first-child td {border-top: 0 none;}
.simple-article table thead tr th,.simple-article table thead tr td {*border-top: 0 none;}
.simple-article .table-striped tbody tr:nth-child(2n 1) td,.simple-article  .table-striped tbody tr:nth-child(2n 1) th { background-color: #f9f9f9;}
.simple-article table th { background:#ebebeb;}
.simple-article .table-bordered { -moz-border-colors: none; border-collapse: separate; border-color: #dddddd #dddddd #dddddd; border-style: solid solid solid none; border-width: 1px 1px 1px 0;}
.simple-article .table-bordered th, .table-bordered td {border-left: 1px solid #dddddd;}
.simple-article .table-row thead th { background:#ebebeb; }
.simple-article .table-row tbody th { background:#f5f5f5; }
.simple-article .table-col { border-top-width:0; }
.simple-article .table-col tbody th { background:#ebebeb; }

/*alignment*/
.alignleft {
   display:inline; float:left; margin-right:1.625em;
}
.alignright {
   clear:both; display:inline; float:right; margin-left:1.625em;
}
.aligncenter {
   clear:both; display:block; margin-left:auto; margin-right:auto;
}


body.en .card-01 li .fn-line1 {
	font-size: 12px;
}
body.en .card-01 li .desc {
	font-size: 12px;
}