@charset "utf-8";
@import url('lib/animated.css');
@import url('lib/jquery-ui-1.10.4.custom.min.css');
@import url('lib/swiper.css');
/* ==============================
 * common - 컨텐츠 공통
 * ============================== */
body {
	overflow-x: hidden;
	margin: 0 auto;
}
body.scrollLock {
	overflow: hidden;
}
.hidden {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
}

::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:#rgba(0,0,0,0);}
::-webkit-scrollbar-track-piece{background:#rgba(0,0,0,0);}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
/* layerPopup */
/*.layerPopWrap {
	visibility: hidden;
	display: flex;
	display: -ms-flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	opacity: 0;
	transition: all .2s ease
}
.layerPopWrap .bg {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}
.layerPopWrap .layerPopCont {
	display: flex;
	display: -ms-flex;
	flex-direction: column;
	position: relative;
	width: 500px;
	max-height: 90%;
	border-radius: 8px;
	margin: 0 auto;
	border: 1px solid #cccccc;
	opacity: 0;
	background: #fff;
}
.layerPopWrap .layerPopCont .popTitle {
	height: 62px;
	padding-left: 30px;
	border-radius: 8px 8px 0 0;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	line-height: 62px;
	background: #f1f3f4;
}
.layerPopWrap .layerPopCont .contBox {
	overflow: hidden;
	overflow-y: auto;
	height: calc(100% - 62px);
	height: -ms-calc(100 - 62px);
	padding: 30px;
}
.layerPopWrap .layerPopCont > .btnPopClose {
	position: absolute;
	top: 0;
	right: 0;
	width: 62px;
	height: 62px;
	font-size: 0;
	background: url('../images/common/btn_pop_close.png') no-repeat center center;
}
.layerPopWrap .layerPopCont .btnPopGroup {
	margin-top: 10px;
	text-align: center;
	font-size: 0;
}
.layerPopWrap .layerPopCont .btnPopGroup .btn {
	display: inline-block;
	min-width: 145px;
	height: 50px;
	padding: 0 30px;
	border-radius: 5px;
	font-size: 17px;
	color: #fff;
	line-height: 50px;
	background: #1c9bd7;
}
.layerPopWrap .layerPopCont .btnPopGroup .btn + .btn {
	margin-left: 10px;
}
.layerPopWrap.alertPop .layerPopCont {
	width: 300px;
	border: 0;
}
.layerPopWrap.alertPop .layerPopCont .contBox {
	height: auto;
	padding: 30px 30px 0px;
	font-size: 15px;
	color: #666666;
}
.layerPopWrap.alertPop .layerPopCont .btnPopGroup {
	overflow: hidden;
	display: flex;
	display: -ms-flex;
	margin: 40px -30px 0;
	border-radius: 0 0 8px 8px;
}
.layerPopWrap.alertPop .layerPopCont .btnPopGroup .btn {
	width: 100%;
	border-radius: 0;
}
.layerPopWrap.alertPop .layerPopCont .btnPopGroup .btn + .btn {
	margin: 0;
	background: silver
}
.layerPopWrap.on {
	visibility: visible;
	opacity: 1;
}
.layerPopWrap.on .layerPopCont {
	animation: fadeInUp .4s ease-in-out forwards;
}  */


/* header */
#headerWrap {position: absolute;top: 0;left: 0;right: 0;z-index: 5;height: 120px;transition: top .3s ease;}
#headerWrap.fixed {position: fixed;	top: 0;	background: rgba(255,255,255,0.8)}
#headerWrap .innerBox { position: relative;}
#headerWrap h1 a {position: absolute;top: 50%;left: 20px;width: 200px;height: 47px;	font-size: 0;background: url('../images/logo.png') no-repeat;background-size: 100%;transform: translateY(-50%);}
#headerWrap ul {padding: 45px 0;margin-left:30%;font-size: 0;transition: all .3s ease;}
#headerWrap ul li {display: inline-block; text-align:center;}
#headerWrap ul li + li {padding-left: 4%;}
#headerWrap ul li a {position: relative;font-size: 16px;color: #ffffff;font-family: Noto Sans SC,'NotoSans';font-weight: 500;transition: all .3s ease;}
#headerWrap ul li a:after {content: '';display: block;position: absolute;bottom: -10px;	left: 50%;width: 0%;height: 4px;background: #d2584b;transition: all .3s ease;}
#headerWrap ul li.on a:after {left: 0;width: 100%;}
#headerWrap .btnAll {position: absolute;top: 50%;right: 20px;/*width: 140px;*/height: 60px;	text-align:right;/*padding-left: 53px;*/font-size: 16px;color: #ffffff;	font-family: Noto Sans SC,'NotoSans';font-weight: 500;transform: translateY(-20%);}
#headerWrap .btnAll  svg{fill: #ffffff;}
.subWrap #headerWrap .btnAll {position: absolute;top: 50%;right: 20px;/*width: 140px;*/height: 60px;text-align:right;/*padding-left: 53px;*/font-size: 16px;color: #111;font-family: Noto Sans SC,'NotoSans';font-weight: 500;transform: translateY(-20%);}
.subWrap #headerWrap .btnAll  svg{fill: #111;}

/*#headerWrap .btnAll span {position: absolute;top: 50%;right: 0;width: 25px;	height: 2px;margin-top: 2px;background: #fff;transform: translateY(-50%);background: #fff;}
#headerWrap .btnAll span:before {content: '';display: block;position: absolute;top: -6px;right: 0;width: 25px;height: 2px;background: #fff;}
#headerWrap .btnAll span:after {content: '';display: block;	position: absolute;	top: 6px;right: 0;width: 25px;height: 2px;background: #fff;}*/
.subWrap #headerWrap ul li a:after {bottom: -14px;}

/*.bannerOn #headerWrap {
	top: 80px;
}
.bannerOn #container {
	padding-top: 80px;
}
.bannerOn #container .sec01 {
	margin-top: 80px;
}


.close ~ #headerWrap {
	top: 0;
}
.close ~ #container {
	padding-top: 0;
}
.close ~ #container .sec01 {
	margin-top: 0;
}*/


/* 右侧展开语言选择 */
.btnAllWrapBox {visibility: hidden;opacity: 0;position: fixed;top: 0;left: 0;z-index: 10000;width: 100%;height: 100%;transition: all .3s ease;}
.btnAllWrapBox .bg {position: absolute;	top: 0;	left: 100%;	width: 100%;height: 100%;background: rgba(0,0,0,0.8);transition: all .3s ease .1s;}
.btnAllWrapBox .allBox {position: absolute;top: 0;left: 100%;width: 500px;height: 100%;	background: #e08776;transform: translateX(0%);transition: all .3s ease .3s;}
.btnAllWrapBox .allBox .btnClose {display: block;width: 22px;height: 22px;margin: 105px auto;font-size: 0;background: url('../images/btn_all_close.png') no-repeat;	transition: all .3s ease;}
.btnAllWrapBox .allBox .btnClose:hover {transform: rotate(180deg);}
.btnAllWrapBox .allBox li {text-align: center;}
.btnAllWrapBox .allBox li + li {margin-top: 65px;}
.btnAllWrapBox .allBox li a {font-size: 24px;color: #ffffff;transition: all .3s ease;}
.btnAllWrapBox .allBox li a:hover {font-weight: bold;}
.btnAllWrapBox.on {opacity: 1;visibility: visible;}
.btnAllWrapBox.on .bg {left: 0;}
.btnAllWrapBox.on .allBox {transform: translateX(-100%);}

/*#footerWrap {
	position: fixed;
	top: 100%;
	left: 0;
	right: 0;
	height: 115px;
	background: #303338 url(../images/bott.jpg) repeat center center;
	background-size:cover;
	transform: translateY(-100%);
}
#footerWrap .innerBox {
	top: 50%;
	transform: translateY(-50%);
}
#footerWrap .logo {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 80px;
	width: 147px;
	height: 35px;
	font-size: 0;
	background: url('../images/img_logo1.png') no-repeat;
	background-size: cover;
}
#footerWrap .textBox {
	margin-left: 278px;
}
#footerWrap .text {
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	font-family: Noto Sans SC,'Spoqa Han Sans'
}
#footerWrap .text span + span:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 8px;
	margin: 0 12px;
	vertical-align: middle;
	background: #4b4f56;
}
#footerWrap .copy {
	color: #fff;
	font-size: 10px;
	font-family: Noto Sans SC,'Gmarket Sans';
	font-weight: bold;
}
#footerWrap .btnGroup {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
#footerWrap .btnGroup > a {
	display: block;
	width: 200px;
	height: 50px;
	border: 1px solid #414448;
	padding-left: 34px;
	line-height: 50px;
	color: #f4f4f4;
	font-size: 14px;
	font-weight: bold;
	transition: all .3s ease;
	font-family: Noto Sans SC,'Spoqa Han Sans';
}
#footerWrap .btnGroup > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 32px;
	width: 9px;
	height: 6px;
	background: url('../images/btn_footer_arrow.png') no-repeat;
	transition: all .3s ease;
}
#footerWrap .btnGroup > a.on:after {
	transform: rotate(180deg);
}
#footerWrap .btnGroup .sub {
	display: none;
	position: absolute;
	bottom: 50px;
	left: 0;
	width: 100%;
	border: 1px solid #b4b5b9;
}
#footerWrap .btnGroup .sub a {
	position: relative;
	display: block;
	width: 200px;
	height: 50px;
	padding-left: 34px;
	line-height: 50px;
	color: #111;
	font-size: 14px;
	font-weight: bold;
	transition: all .3s ease;
	font-family: Noto Sans SC,'Spoqa Han Sans';
	background: #fff;
}
#footerWrap .btnGroup .sub a + a {
	border-top: 1px solid #e8e9e9;
}
#footerWrap .btnGroup .sub a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 34px;
	width: 20px;
	height: 6px;
	margin-top: -3px;
	background: url('../images/icon_footer_arrow.png') no-repeat;
	transition: all .3s ease;
}
/* ==============================
 * subWrap
 * ============================== */

/*.subWrap .topbanner {
	top: -100%;
}*/


.subWrap #headerWrap {top: 0;height: 60px;border-bottom: 1px solid #e5e5e5; background:#fff;}
.subWrap #headerWrap h1 a {width: 180px;height:40px;background: url('../images/logo2.png') no-repeat;background-size:cover; margin-top:5px;}
.subWrap #headerWrap ul {padding: 0;}
.subWrap #headerWrap li {}
.subWrap #headerWrap li a {display: block;font-size: 16px;line-height: 30px;color: #111111;}
/*.subWrap #headerWrap .btnAll span, .subWrap #headerWrap .btnAll span:before, .subWrap #headerWrap .btnAll span:after {background: #111111}*/
.subWrap #container {padding-top: 60px;}
/* ==============================
 * content
 * ============================== */

img {max-width: 100%;}
.innerBox {/*	position: relative;*/	max-width: 1440px;margin: 0 auto;padding: 0 20px;}
#headerWrap li span{ display:block; text-transform:uppercase; font-size:13px; text-align:center;}
.subWrap #headerWrap li span{}
/*.topbanner {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	height: 80px;
	background: url('../images/bg_topbanner.jpg') no-repeat;
	background-size: cover;
	transition: all .5s ease;
}
.topbanner .title {
	display: block;
	line-height: 80px;
	text-align: center;
	font-size: 24px;
	font-family: Noto Sans SC,'NotoSans';
	font-weight: 300;
}
.topbanner .title strong {
	font-family: Noto Sans SC,'NotoSans';
	font-weight: bold;
}
.topbanner .title:after {
	content: '';
	display: inline-block;
	width: 91px;
	height: 20px;
	margin-left: 78px;
	font-family: Noto Sans SC,'NotoSans';
	font-size: 14px;
	color: #111;
	vertical-align: middle;
	background: url('../images/btn_topbanner.png') no-repeat;
}
.topbanner .checkbox {
	position: absolute;
	top: 30px;
	right: 100px;
	font-size: 13px;
	color: #000;
	font-family: Noto Sans SC,'NotoSans';
}
.topbanner .btnClose {
	position: absolute;
	top: 30px;
	right: 40px;
	width: 19px;
	height: 19px;
	font-size: 0;
	background: url('../images/btn_topbanner_close.png') no-repeat;
	background-size: 100%;
}
.topbanner.close {
	height: 0px;
	opacity: 0;
}*/
#container {overflow: hidden;position: relative;z-index: 2;	min-height: 600px;background: #fff;}
#container > section {display: none;position: absolute;top: 0;left: 0;bottom: 0;width: 100%;margin-top: 60px;}
#container > section.on {display: block;}
#container > section.off {display: block;z-index: 3;animation: sectionOff1 .5s ease-in-out both;}
 @keyframes sectionOff1 {
 0% {left:0%;opacity:1;}
 100% {left:-100%;opacity:0;}
}
#container .btnSectionNext {display: none;position: absolute;top: 50%;right: 0;z-index: 4;width: 60px;height: 250px;background: #000;transform: translateY(-50%);}
#container .btnSectionNext span {display: block;width: 200px;margin-top: -10px;	line-height: 60px;font-size: 12px;color: #ffffff;transform-origin: 0 100%;transform: rotate(90deg);}
#container .btnSectionNext:after {content: '';display: block;position: absolute;bottom: 50px;left: 50%;width: 16px;height: 6px;margin-left: -8px;background: url('../images/btnNextArrow.png') no-repeat;}
#container .btnSectionPrev {display: none;position: absolute;top: 50%;left: 0;z-index: 4;width: 60px;height: 250px;	background: #000;transform: translateY(-50%);}
#container .btnSectionPrev span {display: block;width: 200px;margin-top: -10px;line-height: 60px;font-size: 12px;color: #ffffff;transform-origin: 0 100%;transform: rotate(90deg);}
#container .btnSectionPrev:after {content: '';display: block;position: absolute;bottom: 50px;left: 50%;width: 16px;height: 6px;margin-left: -8px;background: url('../images/btnNextArrow2.png') no-repeat;}
#container .on .btnSectionNext {display: block;	animation: btnSectionNext 1s ease-in-out .2s both;}
#container .on .btnSectionPrev {display: block;animation: btnSectionPrev 1s ease-in-out .2s both;}
 @keyframes btnSectionNext {
 0% {right:-100%;}
 100% {right:0%;}
}
@keyframes btnSectionPrev {
 0% {left:-100%;}
 100% {left:0%;}
}




<!-- banner -->
#container .sec01 {	margin-top:0 !important;min-height: 600px;}
.sec01 {overflow: hidden;width: 100%;}
.sec01 .visualImg .bg1 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;	opacity: 1;	background: url('../images/bg_sec01_1.jpg') no-repeat center center;background-size: cover;	animation: sec01_2 10s linear infinite alternate}
.sec01 .visualImg .bg2 {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 1;background: url('../images/bg_sec01_2.jpg') no-repeat center center;background-size: cover;	animation: sec01_2 10s linear infinite alternate}
.sec01 .visualImg .bg3 {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 1;background: url('../images/bg_sec01_3.jpg') no-repeat center center;background-size: cover;	animation: sec01_2 10s linear infinite alternate}
.sec01 .innerBox {display: block;position: absolute;top: 50%;left: 0;right: 0;	width: 1440px;transform: translateY(-50%);}
.sec01 .logoWrap {display: none;position: absolute;	top: 50%;left: 0;right: 0;transform: translateY(-50%);}
.sec01 .logoWrap .logo {width: 270px;margin: -30px auto 0;height: 76px;	font-size: 0;background: url('../images/icon_logo.png') no-repeat;background-size: 100%;}
.sec01 h1 {}
.sec01 h1 span {display: block;	font-size: 44px;color: #fff;opacity: 0;	line-height: 1.14;	font-family: Noto Sans SC,'s-core_dream1_thin';}
.sec01 p {margin-top: 55px;font-size: 20px;	color: #000;opacity: 0;	font-weight: 300;font-family: Noto Sans SC,"notoSans"}

.sec02 {}
.sec02 .bgSec {}
.sec02 .bgSec span {position: absolute;}
.sec02 .bgSec span:before {content: '';	display: block;	position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.sec02 .bgSec span:after {content: '';display: block;position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: #fff;}
.sec02 .bgSec .bg1 {top: 0;	left: 0;width: 30%;	height: 35%;background: url('../images/bg_sec02_1.jpg') no-repeat center center;background-size: cover;}
.sec02 .bgSec .bg2 {top: 35%;left: 0;width: 30%;height: 65%;background: url('../images/bg_sec02_2.jpg') no-repeat center center;background-size: cover;}
.sec02 .bgSec .bg3 {top: 0%;left: 30%;width: 70%;height: 65%;background: url('../images/bg_sec02_3.jpg') no-repeat center center;background-size: cover;}
.sec02 .bgSec .bg4 {top: 65%;left: 30%;	width: 70%;	height: 35%;background: url('../images/bg_sec02_4.jpg') no-repeat center center;background-size: cover;}
.sec02 h1 {position: absolute;top: 10%;	left: 35%;font-size: 50px;color: #fff;font-weight: 100;}
.sec02 .textBox {position: absolute;top: 60%;left: 35%;}
.sec02 .textBox .title {font-size: 48px;color: #ffffff;font-weight: 400;font-family: Noto Sans SC,'NotoSans';}
.sec02 .textBox .text {	margin-top: 12%;color: #fff;font-size: 18px;line-height: 1.8;font-weight: 300;font-family: Noto Sans SC,'NotoSans';}
.sec02 .textBox .text strong {font-weight: 300;}
.sec02.on .bgSec .bg1:before {animation: sec01_1 .9s ease-in-out .3s both;}
.sec02.on .bgSec .bg1:after {animation: sec01_1 1s ease-in-out both;}
.sec02.on .bgSec .bg2:before {animation: sec01_1 .9s ease-in-out .5s both;}
.sec02.on .bgSec .bg2:after {animation: sec01_1 1s ease-in-out .2s both;}
.sec02.on .bgSec .bg3:before {animation: sec01_1 .9s ease-in-out .4s both;}
.sec02.on .bgSec .bg3:after {animation: sec01_1 1s ease-in-out .1s both;}
.sec02.on .bgSec .bg4:before {animation: sec01_1 .9s ease-in-out .6s both;}
.sec02.on .bgSec .bg4:after {animation: sec01_1 1s ease-in-out .3s both;}
 @keyframes sec01_1 {
 0% {left:0;width:100%;}
 100% {left:100%;width:0%;}
}
@keyframes sec01_2 {
 0% {transform:scale(1) rotate(0deg);}
 100% {transform:scale(1.05) rotate(.001deg)}
}


.sec03 {}
.sec03 .video {	position: absolute;	top: 0;	left: 0;width: 100%;height: 70%;text-align: center;background: #000;}
.sec03 .video iframe {width: 100%;max-width: 1200px;height: 100%;margin: 0 auto;}
.sec03 .video:before {content: '';display: block;position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.sec03 .video:after {content: '';display: block;position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;background: #fff;}
.sec03 .innerBox {display: none;width: 100%;}
.sec03 .textBox {display: flex;	position: relative;	top: 70%;height: 30%;align-items: center;background: url('../images/bg_sec03_1.jpg') center center no-repeat;background-size: cover;}
.sec03 .textBox h1 {position: relative;	z-index: 1;	font-size: 48px;color: #fff;font-family: Noto Sans SC,'NotoSans';font-weight: 100;}
.sec03 .textBox p {position: relative;z-index: 1;font-size: 18px;color: #fff;line-height: 1.5;font-family: Noto Sans SC,'NotoSans';	font-weight: 300;}
.sec03 .textBox p strong {font-weight: 300;}
.sec03 .textBox .bg {position: absolute;top: 0;right: 0;width: 30%;	height: 100%;background: url('../images/bg_sec03_2.jpg') center center no-repeat;background-size: cover;}
.sec03.on .video:before {animation: sec01_1 .9s ease-in-out .3s both;}
.sec03.on .video:after {animation: sec01_1 1s ease-in-out both;}
.sec03.on .innerBox {display: block;}


.sec04 {display: none;overflow: hidden;	background: #fff;}
.sec04 > .innerBox {top: 50%;max-width: 1520px;	padding: 0 60px;transform: translateY(-50%);}
.sec04 h1 {margin: 0px 0 100px;	font-size: 48px;color: #d2584b;	font-family: Noto Sans SC,'Gmarket Sans';font-weight: 300;}
.sec04 .biWrap {display: flex;display: -ms-flex;}
.sec04 .biWrap + .biWrap {padding-top: 50px;margin-top: 50px;border-top: 1px solid #eeeeee;	transition: all .3s ease;}
.sec04 .biWrap .img {position: relative;margin-right: 100px;}
.sec04 .biWrap .img:after {content: '';display: block;position: absolute;top: -51px;right: -100px;	width: 100px;height: 1px;background: #fff;}
.sec04 .biWrap h2 {font-size: 24px;	font-family: Noto Sans SC,'NotoSans';}
.sec04 .biWrap h2 a{ font-weight:bold;}
.sec04 .biWrap .text {font-size: 18px;font-family: Noto Sans SC,'NotoSans';}
.sec04 .colorWrap {display: flex;display: -ms-flex;margin-top: 95px;padding-top: 95px;border-top: 2px solid #000000;transition: all .3s ease;}
.sec04 .colorText {	width: 100%;}
.sec04 .colorText > span {display: inline-block;width: 8px;height: 8px;	border: 4px solid skyblue;border-radius: 5%;vertical-align: middle;	background: #fff;}
.sec04 .colorText .color1 {border-color: #ca705b;}
.sec04 .colorText .color2 {border-color: #f7a890;}
.sec04 .colorText .color3 {border-color: #101820;}
.sec04 .colorText .color4 {border-color: #4e4b48;}
.sec04 .colorText .color5 {border-color: #707372;}
.sec04 .colorText p {display: inline-block;margin-left: 35px;vertical-align: middle;font-size: 17px;font-family: Noto Sans SC,'NotoSans';}
.sec04 .colorText p a{font-weight: bold;}
.sec04 .colorText p span {display: block;color: #999;font-size: 14px;font-family: Noto Sans SC,'NotoSans';margin-top:10px;}
.sec04 .btnDownload {position: absolute;top: 0;	right: 60px;display: block;	width: 320px;height: 70px;padding-left: 50px;font-size: 18px;font-weight: normal;font-family: Noto Sans SC,'NotoSans';line-height: 70px;border: 1px solid #e2e2e2;transition: all .3s ease;}
.sec04 .btnDownload:after {	content: '';position: absolute;top: 50%;right: 50px;width: 29px;height: 26px;background: url('../images/btn_more.png') no-repeat;transform: translateY(-50%);}
.sec04 .btnDownload span {position: relative;}
.sec04.on > .innerBox {	display: block;}


.sec05 {background: url('../images/bg_sec05.jpg') no-repeat center center;background-size: cover;}
.sec05:before {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.sec05:after {content: '';display: block;position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: #fff;}
.sec05 .textBox {display: none;opacity: 0;position: absolute;bottom: 0;	right: 0;width: 66.666%;height: 300px;padding-left: 100px;	background: rgba(186,22,22,0.95);}
.sec05 .textBox h1 {margin-top: -40px;font-size: 50px;color: #fff;font-weight: 400;}
.sec05 .textBox p {margin-top: 130px;font-size: 18px;color: #fff;font-family: Noto Sans SC,'NotoSans';font-weight: 300;}
.sec05 .textBox p strong {font-family: Noto Sans SC,'NotoSans';	font-weight: 300;}
.sec05.on:before {animation: sec01_1 .9s ease-in-out .3s both;}
.sec05.on:after {animation: sec01_1 1s ease-in-out both;}
.sec05.on .textBox {display: block;}

.sec06 {}
.sec06 .list {display: flex;display: -ms-flex;height: 100%;}
.sec06 .list > div {display: none;width: 33.333%;height: 100%;}
.sec06 .list .img {	overflow: hidden;position: relative;height: calc(100% - 120px);}
.sec06 .list .img img {	transition: all .3s ease;}
.sec06 .list .img span {display: block;position: absolute;top: 8.9%;left: 10.8%;width: 100%;}
.sec06 .list .img em {position: absolute;top: 0;left: 0;font-size: 12px;color: #fbfbfb;	text-transform: uppercase;letter-spacing: 3px;transform-origin: 0 0;transform: rotate(90deg)}
.sec06 .list .img:hover img {transform: scale(1.1)}
.sec06 .list .imgText {	height: 120px;line-height: 120px;text-align: center;color: #fff;font-size: 18px;font-family: Noto Sans SC,'NotoSans';}
.sec06 .list .type1 .img {background: url('../images/img_sec06_1.jpg') no-repeat center center;	background-size: cover;}
.sec06 .list .type2 .img {background: url('../images/img_sec06_2.jpg') no-repeat center center;	background-size: cover;}
.sec06 .list .type3 .img {background: url('../images/img_sec06_3.jpg') no-repeat center center;	background-size: cover;}
.sec06 .list .type4 .img {background: url('../images/img_sec06_4.jpg') no-repeat center center;	background-size: cover;}

.sec06 .list .type1 .imgText {background: url('../images/img_sec06_1_1.jpg') no-repeat center center;background-size: cover;}
.sec06 .list .type2 .imgText {background: url('../images/img_sec06_2_1.jpg') no-repeat center center;background-size: cover;}
.sec06 .list .type3 .imgText {background: url('../images/img_sec06_3_1.jpg') no-repeat center center;background-size: cover;}
.sec06 .list .type4 .imgText {background: url('../images/img_sec06_4_1.jpg') no-repeat center center;background-size: cover;}
.sec06 .list .type1 .imgText a,.sec06 .list .type2 .imgText a,.sec06 .list .type3 .imgText a,.sec06 .list .type4 .imgText a{ color:#fff;}
.sec06.on .list > div {	display: block;}



<!-- products -->
.sec07 {background: url('../images/bg_sec07.jpg') no-repeat center bottom;	background-size: cover;}
.sec07 .innerBox {}
.sec07 .arrowBtn {position: absolute;top: 0;right: 20px;font-size: 0}
.sec07 .arrowBtn a {display: inline-block;	width: 50px;height: 50px;font-size: 0;}
.sec07 .arrowBtn .btnLeft {	background: url('../images/btn_left.png') no-repeat;background-size: cover;}
.sec07 .arrowBtn .btnRight {margin-left: 1px;background: url('../images/btn_right.png') no-repeat;background-size: cover;}
.sec07 .list {margin-top: 50px;}
.sec07 .list a {display: block}
.sec07 .list .slick-list {overflow: visible;}
.sec07 .list .slick-slide {	margin-right: 80px;}
.sec07 .list .img {overflow: hidden;position: relative;	box-shadow: 20px 20px 30px rgba(0,0,0,0.2)}
.sec07 .list .img img {transition: all .3s ease; width:340px;}
.sec07 .list .img:hover img {transform: scale(1.1)}
.sec07 .list .img span {position: absolute;	top: 40px;left: 40px;width: 60px;height: 60px;padding-top: 10px;border-radius: 50%;	border: 1px solid rgba(255,255,255,0.3);font-size: 14px;color: #ffffff;	text-align: center;	vertical-align: middle;}
.sec07 .list .img span.type2 {padding-top: 20px;text-align: center;vertical-align: middle;}
.sec07 .list .textBox {position: relative;z-index: 1;width: 340px;padding: 0 0 0 30px;margin: 20px 0 0px;}
.sec07 .list .date {position: relative;	font-size: 18px;color: #656565;	font-weight: 300;transition: all .3s ease;	font-family: Noto Sans SC,'NotoSans';}
.sec07 .list .date.color {color: #db2204;}
.sec07 .list .title {position: absolute;top: 0;	font-size: 18px;transition: all .3s ease;font-family: Noto Sans SC,'NotoSans';font-weight: normal;}
.sec07 .list .text {margin-top: 15px;font-size: 14px;line-height: 1.875;transition: all .3s ease;font-family: Noto Sans SC,'NotoSans';display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;word-break: break-all; -webkit-line-clamp: 2;}
.sec07 .list .text strong {font-weight: bold;}
.sec07 .list .button {margin-top: 15px;font-size: 14px;color: #333;border:#333 1px solid;padding:5px 15px;width:100px;text-align:center;font-weight: 500;transition: all .3s ease;font-family: Noto Sans SC,'NotoSans';}
.sec07 .btnMore {position: relative;display: block;width: 200px;height: 50px;margin-top: 80px;padding-left: 22px;font-size: 14px;font-weight: normal;font-family: Noto Sans SC,'Spoqa Han Sans';line-height: 50px;border: 1px solid #e2e2e2;transition: all .3s ease;}
.sec07 .btnMore:after {content: '';display: block;position: absolute;top: 50%;right: 25px;width: 21px;height: 17px;	background: url('../images/btn_arrow.png') no-repeat;background-size: 100%;transform: translateY(-50%);}

/*内页*/
.wrapper{ padding-left:40px; padding-right:40px;}
.wrapper1{ width:90%; margin:auto;}

.inbanner{ position:relative;}
.inbanner img{ width:100%;}
.inbanner .in_ban_tit{ bottom:50px; position:absolute; left:15%; color:#fff;}

.inhead{ position:fixed;padding:40px 14%;display: flex; width:100%;top: 0; justify-content: space-between; z-index: 600;transition: 0.5s all ease-in-out;}
.inhead .inlogo a{ background:url(../images/logo.png); background-size:cover; width:200px; height:47px; display:block;}
.inhead .inlogo img{ height:42px;}
.inhead .nav{ width:48%;}
.inhead .nav .nul{display: flex;}
.inhead .nav li{ text-align:center; width:20%; padding-top:2px;}
.inhead .nav li a{ color:#fff; font-weight: 500; font-size:16px;}
.inhead .nav li:hover a{ color:#ddd;}
.inhead .nav li a span{ display:block; text-transform:uppercase; font-size:13px;}
.inhead .btnAll{ color:#fff; line-height:47px;}
.inhead .btnAll svg{ fill:#fff;}
.inhead.fxdon{ background:#fff; padding:20px 8%; border-bottom:1px solid #e5e5e5;}
.inhead.fxdon .inlogo a{ background:url(../images/logo2.png) no-repeat; background-size:100%;}
.inhead.fxdon ul li a{ color:#111; }
.inhead.fxdon ul li:hover a{ color:#ba1616;}
.inhead.fxdon .btnAll{ color:#111; line-height:42px;}
.inhead.fxdon .btnAll svg{ fill:#111;}


.inmain{ position:relative;}

.inmain.inmainab{ /*position:relative; top:-65px;*/ margin-top:-65px;}
.inmaintit { top: 0; z-index: 6; height:65px; background:rgba(0,0,0,0.7);}
.inmaintit .wrapper1 { height: 100%;display: flex}
.inmaintit .wrapper1 .it .ia {display: flex; height: 100%;align-items: center;font-size:16px;padding: 0 30px;text-decoration: none;color:#fff;position: relative; border:1px #666 solid; border-top:none; border-bottom:none; margin-left:-1px;}
.inmaintit .wrapper1 .it .ia::after {content: "";bottom: 0px;width: 0;left: 50%;height: 2px;background:#ba1616;	position: absolute;	transform: translateX(-50%);transition: all .3s;}
.inmaintit .wrapper1 .it.on .ia::after{ width:100%;}
.inmaintit .wrapper1 .it:hover .ia::after{ width:100%;}

.incom01{ background:url(../images/com01bg.jpg) no-repeat center; background-size:cover; height:1200px; padding-top:120px;}
.incom01 .incom01txt{ background:#fff; width:80%; padding:80px 120px 120px 200px; box-sizing:border-box;}
.incom01 .incom01txt h2{ font-size:36px; font-weight:normal;}
.incom01 .incom01txt h2 img{ vertical-align:middle; width:50px;}
.incom01 .incom01txt .pp{ color:#999; margin-top:50px;}
.incom01 .incom01txt .pp p{ margin-bottom:30px; line-height:30px;}
.incom01 .incom01txt .itemBox { display: flex; margin-top:80px;}
.incom01 .incom01txt .itemBox .item { flex: 1; border-right: 1px dashed #d6ccbb; text-align: center; padding:0 30px;}
.incom01 .incom01txt .itemBox .item:last-child{ border-right:none;}
.incom01 .incom01txt .itemBox .item p:nth-child(1) { font-weight: bold; font-size: 56px; letter-spacing: 1px; color: #da2f13;}
.incom01 .incom01txt .itemBox .item p:nth-child(1) span { font-size: 22px;letter-spacing: 1px; color: #7e7e7e;}
.incom01 .incom01txt .itemBox .item p:nth-child(2) { font-size: 16px; letter-spacing: 1px; color: #7e7e7e;}
.incom01 .incom01txt .itemBox .item p font{ font-weight:bold;}

.inhistory{ background:#f1f1f1 url(../images/inhis_bg.png) no-repeat right; background-size:cover; padding:80px 150px;}
.inh_tit{ font-size:36px; margin-bottom:50px;}
.inh_all{ flex: 1; border-left: 1px solid #ccc; padding-top:40px;}
.inh_all.inh_all_0{ border-left:0; padding-top:0;}
.inh_all img{ width:100%;}
.in_a{ display: flex; align-items: flex-start; margin-bottom:40px;}
.in_a .year{position: sticky; width: 120px; top: 100px; white-space: nowrap; margin-right:100px; margin-left:50px;}
.in_a .year::before{content: ""; display: block; width:30px; height:1px; background:#ccc; position:absolute; top:50%; left:-25px; transform:translateX(-100%) translateY(-50%);}
.in_a .year::after{content: ""; display: block; width:16px; height:16px; border-radius:50%; background:#ba1616; position: absolute; top: 50%; left:0px;  transform: translateX(-360%) translateY(-50%);}
.in_a .year strong{font-weight: bold; color:#ba1616; font-size:36px;}
.in_a .year span{ color:#777; margin-left:5px;}
.in_a .event{ border-bottom:1px #ccc solid; width:50%; padding-bottom:40px;}

.incom02{ background:url(../images/com02bg.jpg) no-repeat center/cover; color:#fff; height:800px;}
.inbox{ max-width:1450px; margin:auto; position:relative;}
.cultit{ position:absolute; top:80px; left:40px; font-size:36px;}
.cultitp{ position:absolute; top:160px; left:40px; right:40px; font-size:18px;}
.cultitp strong{ font-weight:bold; display:block; margin-top:10px;}

.incom02 .inbox .item {width:50%; height:800px; color:white;text-align:center; display:inline-block; float:left; cursor:pointer;}
.incom02 .inbox .item .icon { padding-top: 24vw; transition: 0.5s all ease-in-out;}
.incom02 .inbox .item .icon i {font-size: 48px; transition: 0.5s all ease-in-out;}
.incom02 .inbox .item .icon .cn { font-size: 26px; font-weight: normal; font-stretch: normal; line-height: 1.7; letter-spacing: 1px; color: #ffffff; padding: 0.5vw 0;}
.incom02 .inbox .item .icon .en { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 1.7; letter-spacing: 1px; color: #ffffff; text-transform:uppercase;}
.incom02 .inbox .item .text { padding: 2vw 4vw; text-align: center; font-size: 18px; line-height: 1.7; letter-spacing: 1px; opacity: 0; transition: 0.5s all ease-in-out;}
.incom02 .inbox .active { background: rgba(48, 45, 42, 0.9);}
.incom02 .inbox .active:nth-child(2) { background: rgba(164, 103, 85, 0.8);}
.incom02 .inbox .active:nth-child(3) { background: rgba(44, 44, 38, 0.8);}
.incom02 .inbox .active:nth-child(4) { background: rgba(52, 60, 73, 0.8);}
.incom02 .inbox .active .icon { padding-top: 16vw;}
.incom02 .inbox .active .icon i { opacity: 0;}
.incom02 .inbox .active .text { opacity: 1;}


.i_t_tit:first-child{ margin-top:0;}
.i_t_tit{ font-size:32px; margin-bottom:30px; margin-top:60px;}
.i_t_txt{ padding:30px; color:#666; line-height:32px; background:#f3f3f3;}
.i_t_txt p{ margin:20px 0; line-height:36px; font-size:18px;}
.i_t_txt img{ width:100%;}
.i_t_txt.i_t_txt_qua{ padding:60px;}
.i_t_tbig{ display:flex; background:#f3f3f3;}
.inh_ul.inh_ul0{ background:#fafafa; padding:40px;}
.i_t_line{ border-bottom:1px #ddd dashed; height:60px; width:100%;}
.i_t_ico{ background:#fafafa; padding:40px;}
.i_t_ico ul{ display:grid; gap:30px; grid-template-columns: repeat(2, minmax(0, 1fr));}
.i_t_ico ul li{ text-align:center;}
.i_t_ico ul li p{ margin-top:20px;}
 
.inmainapp{ background:#fff; padding-top:60px; padding-bottom:40px;}
.inapptit{ text-align:center; font-size:36px;}
.inapptit img{ width:50px; vertical-align:middle;} 
.inapptp{ font-size:20px; width:1200px; margin:auto; color: #999; margin-top: 50px; text-align:center;}
.in_app{ width:90%; margin:auto; margin-top:50px;}
.in_app ul{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:30px;}
.in_app li{ background:#f1f1f1; width:100%; transition: all .3s; display:flex; height:210px;}
.in_app li:hover{ cursor:pointer;}
.in_app li .img{ width:50%; position:relative; background: rgba(219, 34, 4, 1); display:flex; align-items:center; justify-content:center;}
.in_app li:hover .img{ background: rgba(0, 0, 0, .5);}
.in_app li .img img{ width:90px;}
.in_app li .img:before{ position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #fff; transition: all .3s; opacity: 0;}
.in_app li:hover .img:before{transform: scale(0.8);  opacity: 1;}
.in_app li .txt{ width:50%; padding:30px; box-sizing:border-box; text-align:center;}
.in_app li .txt .number{font-family: akrobatblack;font-size: 110px;line-height: 100px;height:80px;overflow: hidden; margin-bottom: 5px;color: transparent; -webkit-text-stroke: 2px #ce1d00;}
.in_app li .txt h3{ font-size:26px; color:#222;}
.in_app li .txt span{ background:#F00; width:60px; height:4px; display:inline-block; margin-top:20px; margin-bottom:20px; transition: all .3s;}
.in_app li .txt h4{ font-weight:normal; margin-top:30px;}
.in_app li:hover{ background:#db2204;}
.in_app li:hover .number{ -webkit-text-stroke: 2px #fff;}
.in_app li:hover .txt span{ background:#fff;}
.in_app li:hover .txt h3{ color:#fff;}
.in_app li:hover .txt h4{ color:#fff;}
.inpart_tit{ font-size:32px; margin-top:60px; margin-bottom:30px;}
.inpart_tit p{ font-size:18px; margin-top:10px;}
.inpartner{ display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap:10px;}
.inpartner .ibox{ padding:20px 10px; border:1px #ddd solid; display:flex; align-items:center; justify-content:center;}
.inhonor{ background:#fefefe url(../images/inhon_t_bg.jpg) no-repeat center top; background-size:contain;}
.inhonor_tit{ width:80%; max-width:1450px; margin:auto; padding-top:50px;}
.inhonor_tit .inh_t{ font-size:36px; margin-bottom:30px; color:#ba1616;}
.inhonor_tit .inh_p{}
.inhonor_tit .inh_p p{ margin-top:15px;}
.inh_ul{ padding:70px 100px 40px; display:grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap:20px;}
.inh_ul .hbox{ display:flex; align-items:center; justify-content:center;}
.inh_ul .hbox .ig{ transition:all .3s; border:1px #ddd solid; border-radius:20px;}
.inh_ul .hbox .ig img{ width:100%; border-radius:20px;}
.inh_ul .hbox .ig:hover{ transform:scale(1.05); box-shadow:0 0 20px rgb(0 0 0 / 10%);}
.inh_ul.inh_ul_2{ width:65%; margin:auto; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:60px; padding-top:0;}
.inh_all{}
.inorg{ background:#f6dad2; padding:80px 0;}
.inorg .inorg_tit{ width: 80%; max-width: 1450px; margin: auto; color:#ba1616; font-size:36px;}
.inorg .inorg_tit img{ margin-right:10px; vertical-align:middle;}
.inorg .inorg_img{ display:flex; align-items:center; justify-content:center;}

.inconttit{ text-align:left; width:80%; margin:auto; font-size:30px;}
.inconttp{ text-align:left; width:80%; margin:auto; margin-top:30px; font-size:18px;}
.inmap{ width:80%; margin:auto; margin-top:50px;}
.incont{ background:#f9f9f9; padding:60px; margin-top:40px;}
.incont ul{ width:85%; margin:auto; display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:20px;}
.incont ul li{ background:#fff; border-radius:10px; padding:50px;}
.incont ul li .icon{}
.incont ul li .icon img{ width:60px;}
.incont ul li .name{ margin-top:20px; margin-bottom:20px; font-size:20px; font-weight:700;}
.incont ul li .des{ color:#666;}
.messagecon { font-size: 14px; line-height: 24px; margin-bottom: 20px; margin-top:40px; width:80%; margin:auto; margin-top:50px; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px;}
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px;  color: #666; resize: none; width: 96%; height: 150px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { width: 27%; padding: 10px; height: 60px; line-height: 60px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0;  color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { width: 30%; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #fbe8e7; color: #2d3e50; border-radius: 4px;  cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.messagebtn.btnon { background: #ed0e00; }

.innewtit{ position:absolute; top:-55px; line-height:50px; left:15%; color:#fff;} 
.innewtit a{ color:#fff;}
.innewtit img{ vertical-align:middle; margin-right:5px;}
.innew{ width:80%; margin:auto;}
.innew ul{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:20px;}
.innew ul li{ transition: all .3s;}
.innew ul li:hover{transform: translate(-5px , -5px); box-shadow:5px 5px 0 #ba1616;}
.innew ul li .ico{}
.innew ul li .ico a{ position:relative; width:100%; display:block; overflow:hidden;}
.innew ul li .ico a:hover:after{left: 120%; transition: 1s;}
.innew ul li .ico a:after{content: ""; position: absolute; left: -120%; top: 0; width: 100%; height: 100%;transform: skewx(-25deg);  opacity: .6; background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); transform: skewx(-25deg);}
.innew ul li .txt{ padding:20px; border:1px #eee solid;}
.innew ul li:hover .txt{ background:#f9f9f9;}
.innew ul li .txt a h3{ margin-bottom:10px;}
.innew ul li .txt a p{ color:#777; font-size:15px;display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all; -webkit-line-clamp: 2; height:42px;}
.innew ul li .txt a .mor{ margin-top:30px; color:#777; font-size:14px; line-height:36px;}
.innew ul li .txt a .mor span{ display:block; width:58px; height:3px; background:#ba1616;}
.ine_t_hd{ border-bottom:1px #ddd solid; padding-bottom:30px;}
.ine_t_hd .ine_t{ font-size:24px; font-weight: bold; line-height: 1.4; color:#000;}
.ine_t_hd .tim{display: flex; align-items: center; margin-top:20px;}
.ine_t_hd .tim span{ margin-right:10px; display: flex; font-size:13px; align-items: center; color:#999;}
.ine_t_hd .tim span strong{ font-weight:normal; color:#bd1919;}
.ine_t_bd{ border-bottom:1px #ddd solid; margin-top:30px; padding-bottom:30px; color:#666;}
.ine_t_bd p{ line-height:30px;}
.inpage{ margin-top:50px; display:flex; justify-content: space-between;}
.inpage .fl{}
.inpage .fl a{ color:#bd1919; display:block; font-size:15px;}
.inpage .fl a.on{ color:#999;}
.inpage .fr{ text-align:right; align-items: center;}
.inpage .fr a:after{background: url(../images/btn_more.png) no-repeat;content: '';
    position: absolute; width:30px; height:30px;}

.inprotit{ position:absolute; top:-45px; line-height:50px; left:15%;}
.inprotit ul{}
.inprotit ul li{ float:left; margin-right:10px; background:#fff; padding:0 30px; line-height:45px; box-sizing:border-box; border-radius:15px 15px 0 0;} 
.inprotit ul li.on{ background:#ba1616;}
.inprotit ul li.on a{ color:#fff;}
.inprotxt{ width:80%; margin:auto; margin-bottom:20px;}
.inproduct{ width:80%; margin:auto; display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:50px;}
.inproduct .pitem{ overflow:hidden;}
.inproduct .pitem .img{ overflow:hidden; position: relative; width:100%; box-shadow: 20px 20px 30px rgb(0 0 0 / 20%);}
.inproduct .pitem .img img{transition: all .3s ease;}
.inproduct .pitem .img:hover img{transform: scale(1.1)}
.inproduct .pitem .img span{position: absolute;top: 40px;left: 40px;width: 60px;height: 60px;padding-top: 10px;border-radius: 50%;	border: 1px solid rgba(255,255,255,0.3);font-size: 14px;color: #ffffff;	text-align: center;	vertical-align: middle;}
.inproduct .pitem .img span.type2{ padding-top: 20px;text-align: center;vertical-align: middle;}
.inproduct .pitem .textBox{position: relative;z-index: 1; padding: 0 20px;margin: 20px 0 0px;}
.inproduct .pitem .textBox .date{ color: #db2204;font-size: 18px; font-weight: 300;transition: all .3s ease;	font-family: Noto Sans SC,'NotoSans';}
.inproduct .pitem .textBox .title{ font-size: 18px;transition: all .3s ease;font-family: Noto Sans SC,'NotoSans';font-weight: normal;}
.inproduct .pitem .textBox .text{margin-top: 15px;font-size: 14px;line-height: 1.875;transition: all .3s ease;font-family: Noto Sans SC,'NotoSans';display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical;word-break: break-all; -webkit-line-clamp: 2;}
.inproduct .pitem .textBox .button{ margin-top: 15px;font-size: 14px;color: #333;border:#333 1px solid;padding:5px 15px;width:100px;text-align:center;font-weight: 500;transition: all .3s ease;font-family: Noto Sans SC,'NotoSans';}

.inp_t{ width:80%; margin:auto; font-weight:bold; color:#ba1616; font-size:32px; margin-top:30px;  margin-bottom:40px;}
.inp_t img{ vertical-align:middle; width:40px; margin-right:10px;}
.inp_x{ width:80%; margin:auto;}
.inp_x .pro_img{ background:#f6f6f6; display:flex; justify-content: center; padding:30px;}
h3.pp{ margin-top:50px;}
.tablebg{ background:#eee; margin-top:30px;}
.tablebg tr:nth-child(2n) td { background: #f9f9f9;}
.tablebg td { text-align: center; font-size: 15px; padding: 15px 0;}
.tablebg th { background: #1473e6; padding: 20px 0; color: #fff; font-size: 16px;}

.indown{ background:#eee;}
.indown_box{ width:80%; margin:auto; padding-bottom:50px;}
.indown_box ul{ padding:60px 0; display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:40px;}
.indown_box ul li{ background:#fff; box-shadow:5px 5px 10px #aaa; padding:15px 30px; transition:all .3s;}
.indown_box ul li:before{content: ""; width: 4px; height: 40px; display: block; background:#ba1615; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.indown_box ul li a{ display:flex; align-items:center;}
.indown_box ul li span{ width:80px; height:80px; border-radius:50%; display:inline-block; padding:20px; vertical-align:middle; background:#eee; margin-right:30px; position:relative;}
.indown_box ul li span:before{ width:80px; height:80px; border:1px solid #ddd; position:absolute; left:0px; top:0px; border-radius:50px; content: ''; -webkit-animation: actif-btn-wave 1s infinite ease-out;}
.indown_box ul li span img{ width:100%; } 
.indown_box ul li a .tt{}
.indown_box ul li a .tt p{ margin-top:10px; color:#999; font-size:14px;}
.indown_box ul li:hover{ transform:translate(0 , -5px);}

@-webkit-keyframes actif-btn-wave {
	0% {
		-webkit-transform: scale(1);

		opacity: 1;
		-webkit-transform-origin: center;
		transform-origin: center
	}

	100% {
		-webkit-transform: scale(1.30);

		opacity: 0;
		-webkit-transform-origin: center;
		transform-origin: center
	}
}

.in_t{ background:#fff;}
.intech{ width:70%; margin:auto; padding:80px 0;}

.footer{ background:url(../images/footbg.jpg); color:#eee; padding:80px 0;}
.footer a{ color:#eee;}
.footer .wrapper{ display:flex;}
.footer .footfl{ width:25%; border-right:1px #444 solid; box-sizing:border-box; padding-left:4%;}
.footer .footfl img.ewm{ width:150px; margin-top:30px; margin-bottom:10px;}
.footer .footfl p{ font-size:13px;}
.footer .footme{ width:65%; padding:40px 0; display:flex;}
.footer .footme ul{ width:25%; text-align:center;}
.footer .footme ul:nth-child(2){ width:25%;}
.footer .footme ul h3{ margin-bottom:25px;}
.footer .footme ul li{ font-size:15px; line-height:24px;}
.footer .footfr{ width:30%; border-left:1px #444 solid; box-sizing:border-box; text-align:center; padding-top:30px;}
.footer .footfr .footline{ border:2px #e02d16 solid; border-radius:50px; padding:2px 30px 2px 2px; display:inline-block; text-align:left;}
.footer .footfr .footline img{ margin-right:20px;}
.footer .footfr .footp{ font-size:32px; font-weight:bold; margin-top:10px;}
.footer .wrapper.footinfo{ margin-top:80px; padding:0 4%; display:inherit; font-size:16px;}
.footinfo .footinfofl{ float:left;}
.footinfo .footinfofr{ float:right;}

.jtmbar{ display:none;}

a.menu{ display:none;}
.inhead .menu { display: none; margin-right:10px; margin-top:8px; width: 30px; height: 30px; justify-content: center; align-items: center; margin-left: auto;}
.inhead .menu .i2 {display: none;}
.inhead .menu.on .i1 { display: none;}
.inhead .menu.on .i2 { display: block;}
.inhead.on .inlogo a{background: url(../images/logo2.png) no-repeat;  background-size: 100%;}
.inhead.on .btnAll{ color:#000;}
.inhead.on .btnAll svg { fill: #000;}

#headerWrap .menu { display: none; margin-right:80px; margin-top:8px; width: 30px; height: 30px; justify-content: center; align-items: center; margin-left: auto;}
#headerWrap .menu .i2 {display: none;}
#headerWrap .menu.on .i1 { display: none;}
#headerWrap .menu.on .i2 { display: block;}
#headerWrap.on .inlogo a{background: url(../images/logo2.png) no-repeat;  background-size: 100%;}
#headerWrap.on .btnAll{ color:#000;}
#headerWrap.on .btnAll svg { fill: #000;}


 @media screen and (max-width:1440px) {
.wrapper{ padding-left:0; padding-right:0;}
.topbanner {height: 80px;}
.topbanner .title {	font-size: 20px;line-height: 80px;}
.topbanner .title:after {width: 50px;height: 12px;margin-left: 10px;background-size: 100%;}
.topbanner .btnClose {right: 20px;top: 10px;}
.topbanner .checkbox {right: 20px;top: 50px;}
#headerWrap {top: 0;}
.subWrap #headerWrap h1 a{ background:url(../images/logo2.png); background-size: 100%;}
#headerWrap ul {margin-left:25%;}
#headerWrap ul li + li {padding-left: 5%}
#headerWrap ul li a {font-size: 16px;}
#container {top: 0;}
#container .btnSectionNext {width: 50px;height: 200px;}
#container .btnSectionNext span {margin-top: -25px;	line-height: 50px;}
#container .btnSectionNext:after {bottom: 25px;}
#container .btnSectionPrev {width: 50px;height: 200px;}
#container .btnSectionPrev span {margin-top: -25px;	line-height: 50px;}
#container .btnSectionPrev:after {bottom: 25px;}
#container .sec01 {margin-top: 0;}
.sec01 h1 span {font-size: 40px;}
.sec01 p {font-size: 20px;}
.sec02 h1 {font-size: 40px;}
.sec02 .textBox .title {font-size: 45px;}
.sec02 .textBox .text {font-size: 15px;}
.sec03 .textBox h1 {font-size: 45px;}
.sec03 .textBox p {font-size: 15px;}
.sec03 .textBox .bg {display: none;}
.sec04 h1 {font-size: 40px;}
.sec04 .btnDownload {width: 250px;height: 50px;	padding-left: 25px;	line-height: 50px;font-size: 15px;}
.sec04 .btnDownload:after {right: 25px;width: 15px;height: 14px;background-size: 100%;}
.sec04 .biWrap .img {width: 250px;margin-right: 50px;}
.sec04 .biWrap h2 {font-size: 20px;}
.sec04 .biWrap .text {font-size: 16px;}
.sec04 .colorText > span { }
.sec04 .colorText p {display: block;margin-left: 0;margin-top: 5px;}
.sec05 .textBox {padding-left: 50px;}
.sec05 .textBox h1 {font-size: 40px;}
.sec05 .textBox p {font-size: 18px;}
.sec06 .list .imgText {display: flex;display: -ms-flxe;	align-items: center;line-height: 1.5;text-align: center;justify-content: center}
.sec06 .list .type1 .imgText,  .sec06 .list .type2 .imgText,  .sec06 .list .type3 .imgText {font-size: 15px;text-align: center;}
.sec07 .btnMore {width: 250px;height: 50px;padding-left: 25px;line-height: 50px;}
.sec07 .btnMore:after {right: 25px;width: 15px;height: 12px;}
.sec07 .arrowBtn .btnLeft,  .sec07 .arrowBtn .btnRight {width: 50px;height: 50px;}
.inhead{ padding:40px;}
.inhead.fxdon{ padding:20px 60px;}
.inhead .nav{ width:60%;}
.incom01 .incom01txt{ width:90%; padding:60px;}
.intech{ width:90%;}
.i_t_txt{ width:200%; padding:15px 30px;}
.i_t_txt.i_t_txt0{ width:100%;}
.i_t_txt p{ font-size:16px; line-height:30px;}
.inprotit{ left:5%;}
.inprotxt{ width:90%;}
.inproduct{ width:90%; gap:30px;}
.inbanner{ height:320px;}
.inbanner img{ height:320px;}
.inapptit{ font-size:30px;} 
.inapptp{ width:80%; margin:auto; margin-top:50px; font-size:18px;}
.in_app ul{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:50px}
.inpartner{ grid-template-columns:repeat(4, minmax(0, 1fr));}
.innew{ width:90%;}
.inconttit{ width:90%;}
.inapptp{ width:90%;}
.inmap{ width:90%;}
.incont ul{ width:100%;}
.messagecon{ width:90%;}
.indown_box{ width:90%;}
.incom02 .inbox .item .icon{ padding-top: 35vw;}
.incom02 .inbox .active .icon { padding-top:30vw;}
}


@media screen and (max-height:960px) {
.sec04 h1 {	margin-bottom: 50px;}
.sec04 .biWrap + .biWrap {padding-top: 30px;margin-top: 30px;}
.sec04 .colorWrap {margin-top: 50px;padding-top: 50px;}
.sec05 .textBox p {	margin-top: 100px;}
.sec07 {margin-bottom: 60px;}
.sec07 .innerBox {top: 50%;	transform: translateY(-50%)}
.sec07 .btnMore {margin-top: 0;}
.sec07 .list {margin-top: 10px;}
.sec07 .list .textBox {margin-top: 10px;padding-left: 15px;}
.sec07 .list .text {margin-top: 10px;}
.sec07 .list .button {margin-top: 5px;}
#footerWrap {height: 60px;}
}

 @media screen and (max-width:960px) {
.incom01{ height:auto; padding:50px;}
.incom01 .incom01txt{ margin:auto; width:100%;}
.inhistory{ padding:50px 70px;}
.in_a .event{ width:80%;}
.inhonor_tit{ width:90%;}
.inh_ul{ width:90%; margin:auto; padding:40px 0; grid-template-columns: repeat(3, minmax(0, 1fr));}
.inh_ul.inh_ul_2{ width:85%;}
.incom01 .incom01txt h2{ font-size:30px;}
.inhonor_tit .inh_t{ font-size:30px;}
.i_t_tit{ font-size:28px;}
.i_t_tbig{ display:inherit;}
.i_t_txt{ width:100%;}
.inprotit ul li{ font-size:15px;}
.inproduct{ grid-template-columns:repeat(3, minmax(0, 1fr));}
.inproduct .pitem .textBox .date{ font-size:15px;}
.inproduct .pitem .textBox .title{ font-size:16px;}
.inproduct .pitem .textBox .text{ font-size:13px; line-height:16px;}
.inproduct .pitem .textBox .button{ font-size:13px;}
.i_t_txt.i_t_txt_qua{ padding:30px;}
.in_app li .img img{ width:70px;}
.in_app li .txt .number{ font-size:80px;}
.in_app li .txt h3{ font-size:22px;}
.innew ul{ grid-template-columns:repeat(2, minmax(0, 1fr));}
.footer{ display:none;}
.jtmbar { display: block; height:70px; line-height:70px; text-align:center;}
.jtmbbox { height: 70px; position: fixed; bottom: 0; left: 0; right: 0; background: url(../images/footbg.jpg); color: #fff;  z-index: 999;}
.jtmbbox a { float: left; font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; line-height:70px; height:70px; width:50%;}
.jtmbbox a.jtspcon { background: #ba1615; color: #fff;}
.incont ul{ grid-template-columns:repeat(2, minmax(0, 1fr));}
.incont ul li{ padding:30px;}
a.menu{ display:block !important;}
/*.inhead ul.nav{ display:none;}*/
body.fxd { overflow: hidden;}
body.on { overflow: hidden}
.inhead.fxdon{ padding:20px;}
.inhead.fxdon .i1 path{ fill:#000;}
.inhead.on { background:#fff;}
.inhead { height: 80px;padding: 0 5%;display: flex;align-items: center;	position: fixed;box-sizing: border-box;	top: 0;	left: 0;width: 100%;z-index: 9;	border-bottom: 1px solid rgba(213,181,144,0.1);}
.inhead .nav{position: fixed; width:100%; left: 0; right: 0; top: 79px; height: calc(100vh - 60px); background: #f6f6f6; overflow-y: auto; opacity: 0; visibility: hidden; transform: translateY(10px); margin: 0;transition: 0.2s all ease-in-out;}
.inhead .nav.on {opacity: 1;visibility: visible;transform: translateY(0);}
.inhead .menu { display:flex;}
.inhead .menu.on .i2 svg path { fill: #000;}
.inhead .nav .nul { flex-direction: column; gap: 0; height: auto; padding: 20px 40px;}
.inhead .nav .nul li{border-bottom: 1px solid #dedede; text-align:left; padding:15px 0 15px 10px; width: 100%;}
.inhead .nav .nul li a{ color:#333;}
.inhead .nav .nul li a span{ display:inherit; margin-left:5px; font-size:16px;}

#headerWrap .innerBox { position:initial;}
#headerWrap.fxdon{ padding:20px;}
#headerWrap.fxdon .i1 path{ fill:#000;}
#headerWrap.on { background:#fff;}
#headerWrap.on h1 a{background: url(../images/logo2.png) no-repeat;background-size: 100%;}
#headerWrap { height: 80px;padding: 0 5%;display: flex;align-items: center;	position: fixed;box-sizing: border-box;	top: 0;	left: 0;width: 100%;z-index: 9;	border-bottom: 1px solid rgba(213,181,144,0.1)}
.homehead .nav{position: fixed; width:100%; left:0; right:0; top:79px; height:calc(100vh - 60px); background:#f6f6f6; overflow-y:auto; opacity:0; visibility:hidden; transform:translateY(10px); margin:0;transition: 0.2s all ease-in-out;}
#headerWrap .nav.on {opacity: 1;visibility: visible;transform: translateY(0);}
#headerWrap .menu { position:absolute; right:120px; top:30px; margin:0;}
#headerWrap .menu.on .i2 svg path { fill: #000;}
#headerWrap .nav .nul { flex-direction: column; gap: 0; height: auto; padding: 20px 40px;}
#headerWrap .nav .nul li{border-bottom: 1px solid #dedede; text-align:left; padding:15px 0 15px 10px; width: 100%;}
#headerWrap .nav .nul li a{ color:#333;}
#headerWrap .nav .nul li a span{ display:initial;; margin-left:5px; font-size:16px;}
#headerWrap.fixed h1 a{background: url(../images/logo2.png) no-repeat;background-size: 100%;}
#headerWrap.fixed .btnAll{ color:#000;}
#headerWrap.fixed .btnAll svg{ fill:#000;}
#headerWrap.fixed .i1 path{ fill:#000;}
#headerWrap ul{ margin-left:0;}
.subWrap .i1 path{ fill:#000;}
.subWrap #headerWrap h1 a{ margin-top:0;}
.subWrap #headerWrap .menu{ top:21px;}
.subWrap #headerWrap .nav{ top:60px;}

#headerWrap ul li a:after{ display:none;}

.inmaintit .wrapper1{ overflow-x: auto; overflow-y: hidden; width:100%; height:70px;}
.inmaintit .wrapper1 .it .ia{ white-space: nowrap;}
.incom01 .incom01txt .itemBox .item p:nth-child(2) br{ display:none;}
.incom02 .inbox .item{ position:relative;}
.incom02 .inbox .item .icon{ padding-top:0; position:absolute; bottom:45%; width:100%;}
.incom02 .inbox .item .text{ position:absolute; bottom:35%; width:100%;}

.inprotit ul{ display:flex; overflow-x: auto; overflow-y: hidden; width:100%;}
.inprotit ul li a{ white-space: nowrap;}
 }


 @media screen and (max-width:768px) {
.topbanner {height: 80px;}
.topbanner .title {font-size: 13px;	line-height: 50px;text-align: left;}
.topbanner .title:after {display: block;margin-left: 0;}
.topbanner .btnClose {width: 15px;height: 15px;	top: 15px;}
.topbanner .checkbox {top: 55px;font-size: 12px;}

/*#headerWrap .btnAll span,  #headerWrap .btnAll span:before,  #headerWrap .btnAll span:after {background: #111;}*/
.btnAllWrapBox .allBox {width: 200px;}
.btnAllWrapBox .allBox .btnClose {margin: 40px auto;}
.btnAllWrapBox .allBox li + li {margin-top: 20px;}
.btnAllWrapBox .allBox li a {font-size: 14px;}
#container {height: auto !important;}
#container > section {display: block;position: relative;margin-top: 0;}
#container .sec01 {	margin-top: 0;	min-height: inherit;}
#container .btnSectionNext,  #container .btnSectionPrev {display: none !important;}
.sec01 {}
.sec01 .innerBox {display: block;}
.sec01 .visualImg .bg1 {background-image: url('../images/bg_sec01_1_m.jpg');}
.sec01 .visualImg .bg2 {background-image: url('../images/bg_sec01_2_m.jpg');}
.sec01 .visualImg .bg3 {background-image: url('../images/bg_sec01_3_m.jpg');}
.sec01 .logoWrap .logo {width: 135px;height: 38px;}
.sec01 h1 {	padding-top: 10%;}
.sec01 h1 span {font-size: 30px;}
.sec01 p {margin-top: 4%;font-size: 15px;}
.sec02 {}
.sec02 h1 {left: 20px;font-size: 25px;}
.sec02 .bgSec {overflow: hidden;}
.sec02 .bgSec span {display: block;	position: relative;}
.sec02 .bgSec .bg1 {top: 0;	left: 0;float: left;width: 50%;	height: auto;padding-top: 47%;background-image: url('../images/bg_sec02_1_m.jpg');}
.sec02 .bgSec .bg2 {top: 0;	left: 0;float: left;width: 50%;	height: auto;padding-top: 47%;background-image: url('../images/bg_sec02_2_m.jpg');}
.sec02 .bgSec .bg3 {clear: both;top: 0;left: 0;	width: 100%;height: auto;padding-top: 82%;background-image: url('../images/bg_sec02_3_m.jpg');}
.sec02 .bgSec .bg4 {clear: both;top: 0;left: 0; width: 100%;height: auto;padding-top: 40%;background-image: url('../images/bg_sec02_4_m.jpg');}
.sec02 .textBox {top: 73%;left: 20px;right: 20px;}
.sec02 .textBox .title {font-size: 27px;}
.sec02 .textBox .text {	font-size: 12px;}
.sec02 .textBox .text br {display: none;}
.sec03 .video {position: relative;height: auto; display:none;}
.sec03 .video:before,  .sec03 .video:after {display: none;}
.sec03 .video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.sec03 .textBox {display: block;top: 0;}
.sec03 .innerBox {display: block;padding: 20% 20px;}
.sec03 .textBox h1 {font-size: 27px;}
.sec03 .textBox p {	margin-top: 10px;font-size: 12px;}
.sec04 > .innerBox {top: 0;padding: 0 20px;	transform: translateY(0);}
.sec04 h1 {	margin-top: 10%;margin-bottom: 0;font-size: 25px;}
.sec04 .btnDownload {position: relative;right: 0;margin: 20px 0 50px;}
.sec04 .biWrap {display: block;}
.sec04 .biWrap .img {width: 70%;margin: 0 0 30px;}
.sec04 .biWrap .img:after {	display: none;}
.sec04 .biWrap h2 {	margin-bottom: 10px;font-size: 16px;}
.sec04 .biWrap .text {font-size: 14px;}
.sec04 .biWrap .text br {display: none;}
.sec04 .colorWrap {display: block;}
.sec04 .colorText {float: left;	width: 50%;	animation-delay: 0ms !important;margin-bottom: 20px;}
.sec04 .colorText + .colorText {margin-top: 00px;}
.sec04 .colorText > span {display: block;margin-bottom: 10px;}
.sec04 .colorText p {display: inline-block;	margin-top: 0;margin-left: 10px;}
.sec05 {overflow: hidden;background: none;}
.sec05:before,  .sec05:after {display: none;}
.sec05:before {content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: auto;padding-top: 85%;background: url(../images/bg_sec05.jpg) no-repeat center center;background-size: cover;}
.sec05 .textBox {display: block;position: relative;width: 100%;height: auto;margin-top: 85%;padding: 40px 20px;}
.sec05 .textBox h1 {margin-top: 0;	font-size: 25px;}
.sec05 .textBox p {font-size: 12px;	margin-top: 65px;}
.sec06 .list {display: block;}
.sec06 .list > div {display: block;	width: 100%;}
.sec06 .list .img {	padding-top: 100%;}
.sec06 .list .imgText {	height: 60px;font-size: 12px;}
.sec07 {margin-bottom: 0;}
.sec07 .innerBox {top: 0;transform: translateY(0);}
.sec07 .btnMore {width: 200px;height: 40px;line-height: 40px;margin: 50px 0 0;}
.sec07 .arrowBtn .btnLeft, .sec07 .arrowBtn .btnRight {width: 40px;height: 40px;}
.sec07 .list .slick-slide {width: 320px;}
.sec07 .list .img span {top: 20px;left: 20px;width: 50px;height: 50px;font-size: 12px;vertical-align: middle;}
.sec07 .list .img span.type2 {padding-top: 17px;top: 20px;}
.sec07 .list .textBox {padding: 0 20px;	margin-top: 30px;margin-bottom: 100px;}
.sec07 .list .date {font-size: 18px;color: #111;}
.sec07 .list .title {margin-top: 20px;font-size: 15px;}
.sec07 .list .text {font-size: 12px;margin-top: 15px;}
.sec07 .list .phone {font-size: 17px;}

.inproduct { grid-template-columns:repeat(2, minmax(0, 1fr));}
.inp_t{ font-size:24px;}
.inp_t img{ width:26px;}
.in_app ul{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px;}
.in_app li{ height:auto;}
.in_app li .txt{ padding:40px 20px;}
.in_app li .txt .number{ font-size:72px; line-height:50px; height:45px;}
.in_app li .txt h3{ font-size:18px;}
.ine_t_bd{ font-size:15px;}
.indown_box ul{ grid-template-columns: repeat(1, minmax(0, 1fr));}
.inhistory{ background: #fff url(../images/inhis_bg.png) no-repeat right; padding:50px 40px;}
.in_a .year{ margin-right:30px;}
.in_a .event{ font-size:16px; line-height:26px;}

/*#footerWrap {position: static;height: auto;transform: none;}
#footerWrap .innerBox {top: 0;padding: 40px 20px;transform: none;}
#footerWrap .logo {display: block;position: static;	width: 101px;height: 17.5px;transform: none;}
#footerWrap .textBox {margin-left: 0;margin-top: 20px;}
#footerWrap .text {	font-size: 12px;}
#footerWrap .btnGroup {top: 20px;transform: none;}
#footerWrap .btnGroup > a {	width: 150px;height: 40px;padding-left: 10px;font-size: 12px;line-height: 40px;}
#footerWrap .btnGroup > a:after {right: 20px;}
#footerWrap .btnGroup .sub {bottom: 40px;}
#footerWrap .btnGroup .sub a {width: 150px;height: 40px;padding-left: 10px;	font-size: 12px;line-height: 40px;}
#footerWrap .btnGroup .sub a:after {right: 20px;}
}




 @media screen and (max-height:700px) {
.sec02 .textBox {top: 59%}
.sec02 .textBox .text {margin-top: 5%;}
.sec07 .list .img {	overflow: hidden;height: 280px;}
#headerWrap.fixed h1 a{ background: url(../images/logo2.png) no-repeat;}
}
*/

 @media screen and (max-width:450px) {
.inproduct { grid-template-columns:repeat(1, minmax(0, 1fr));}
.inpage{ display:inherit;}
.inpage .fr{ text-align:left; margin-top:10px;}
.intech{ padding:40px 0;}
.i_t_tit{ font-size:24px;}
.i_t_ico ul{ display:inherit;}
.i_t_ico ul li p{ font-size:14px;}
.i_t_ico ul li:nth-child(2){ margin-top:40px;}
.i_t_txt{ font-size:16px;}
.incom01{ padding:0;}
.incom01 .incom01txt{ padding:30px;}
.incom01 .incom01txt .itemBox{ display:inherit;}
.in_app ul{ grid-template-columns:repeat(1, minmax(0, 1fr)); gap:20px;}
.inpartner{grid-template-columns: repeat(2, minmax(0, 1fr));}
.innew ul{ grid-template-columns:repeat(1, minmax(0, 1fr));}
.jtmbbox a.jtsptel{ float:none;}
.jtmbbox a.jtspcon{ width: 25%; float:right;}
.inhonor_tit .inh_p{ font-size:15px; color:#333;}
.i_t_ico ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
.incont{ padding:30px;}
.incont ul{ grid-template-columns:repeat(1, minmax(0, 1fr));}
.messageinput{ height:36px; line-height:36px;}
.inhead .btnAll span{ display:none;}
.inhistory{ padding:30px 20px;}
.inh_tit{ font-size:30px;}
.in_a .year strong{ font-size:30px;}
.in_a .year span{ font-size:12px;}
.in_a .event{ width:100%; font-size:14px; padding-bottom:20px;}
.incom01 .incom01txt .itemBox .item{ border-bottom: 1px dashed #d6ccbb; border-right:none; padding-bottom:20px;}
.incom01 .incom01txt .itemBox .item:last-child{ border-bottom:none;}
.cultit{ font-size:30px; position:inherit; width:90%; margin:auto; padding:30px 0;}
.cultitp{ font-size:16px; position:inherit; width:90%; margin:auto; margin-bottom:40px;}
.inbox{ position:inherit;}
.incom02{ height:auto;}
.incom02 .inbox .item{ position:inherit; height:auto; float:none; width:100%;background: rgba(44, 44, 38, 0.8); padding:50px 20px; margin-bottom:5px;}
.incom02 .inbox .item:nth-child(2){background: rgba(52, 60, 73, 0.8) !important; margin-bottom:0 !important;}
.incom02 .inbox .item .icon{ position:inherit;}
.incom02 .inbox .item .icon .cn{ font-size:22px;}
.incom02 .inbox .item .icon .en{ font-size:14px;}
.incom02 .inbox .item .text{ position:inherit; opacity:1; font-size:15px;}

.i_t_txt.i_t_txt_qua{ padding:0;}
.i_t_txt p{ padding:0 10px;}
#headerWrap .btnAll span{ display:none;}
#headerWrap .menu{ margin-right:0; right:50px;}
}