.in_about { background: url(../image/in_aboutbf.jpg) no-repeat center;}
.in_about .in_abL { width: 65.48%; padding: 60px 0;}
.in_about .in_abL .in_abLs { max-width: 80%;}
.in_about .in_abL .in_abLs h3 { padding-left: 15%; font-size: 64px; color: #fff; font-weight: bolder;}
.in_about .in_abL .in_abLs h3 span { font-size: 100px; font-weight: bold;}
.in_about .in_abL .in_abLs h4 { padding: 16px 0 20px 15%; font-size: 32px; color: #fff; position: relative;}
.in_about .in_abL .in_abLs h4::after { position: absolute; left: 15%; bottom: 0; width: 60px; height: 1px; background: #fff; display: block; content: '';}
.in_about .in_abL .in_abLs p { font-size: 14px; line-height: 2.2; color: #fff; margin: 30px 0 20px 15%; overflow: hidden; display: -webkit-box;
	text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.in_about .in_abL .in_abLs ul { padding-left: 15%;}
.in_about .in_abL .in_abLs li { float: left; width: 98px; height: 98px; border: 1px solid #fff; border-radius: 8px; margin-right: 30px; text-align: center;
	color: #fff;}
.in_about .in_abL .in_abLs li img { width: auto; height: 38px; display: block; margin: 10px auto 0 auto; transition: all .5s ease;}
.in_about .in_abL .in_abLs li:hover img { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg);
	transition: all .5s ease;}
.in_about .in_abL .in_abLs li h5 { line-height: 2.7; font-size: 16px;}
.in_about .in_abL .in_abLs a.more { width: 150px; height: 36px; color: #fff; margin-top: 40px; text-align: center; display: block; position: relative;
	margin-left: 15%;}
.in_about .in_abL .in_abLs a.more::after { content: ''; position: absolute; height: 1px; width: 15%; background: #fff; left: 0px; top: 20px; z-index: 1;
	transition: all .5s ease;}
.in_about .in_abL .in_abLs a.more:hover::after { width: 100%;}
.in_about .in_abR { width: 34.52%;}
.in_about .in_abR ul { height: 100vh; display: flex; flex-direction: column;}
.in_about .in_abR li { border-left: 1px solid rgba(255, 255, 255, .2); border-bottom: 1px solid rgba(255, 255, 255, .2); transition: all 0.5s ease;
		padding: 0 1.75rem; flex: 0 0 25%; width: 100%; display: flex; align-items: center; color: #fff; font-size: 14px;}
.in_about .in_abR li span { font-size: 30px; display: block; line-height: 1.5;}
.in_about .in_abR li p { width: 100%;}
.in_about .in_abR li:nth-child(1) p { background-image: url(../image/o11.png); background-repeat: no-repeat; background-position: 80% center;}
.in_about .in_abR li:nth-child(2) p { background-image: url(../image/o12.png); background-repeat: no-repeat; background-position: 80% center;}
.in_about .in_abR li:nth-child(3) p { background-image: url(../image/o13.png); background-repeat: no-repeat; background-position: 80% center;}
.in_about .in_abR li:nth-child(4) p { background-image: url(../image/o14.png); background-repeat: no-repeat; background-position: 80% center;}
.in_about .in_abR li:hover { background-image: linear-gradient(60deg, #0a48ad 0%, #2b76b9 37%, #2cacd1 65%, #50cbd3 100%);}

.in_compet { background-image: url(../image/img7.png), url(../image/img13.png); background-repeat: no-repeat, no-repeat; background-position: -1% 0, 101% 100%;}
.in_compet ul { margin-left: 4%;}
.in_compet li { float: left; width: calc((96% - 60px) / 5); transform: skew(-13deg); margin-right: 15px; padding: 25% 1% 5% 1%;}
.in_compet li:nth-child(1) { background-image: url(../image/img8.jpg); background-repeat: no-repeat; background-position: 70% 0;}
.in_compet li:nth-child(2) { background-image: url(../image/img9.jpg); background-repeat: no-repeat; background-position: 70% 0;}
.in_compet li:nth-child(3) { background-image: url(../image/img10.jpg); background-repeat: no-repeat; background-position: 70% 0;}
.in_compet li:nth-child(4) { background-image: url(../image/img11.jpg); background-repeat: no-repeat; background-position: 70% 0;}
.in_compet li:nth-child(5) { background-image: url(../image/img12.jpg); background-repeat: no-repeat; background-position: 70% 0; margin-right: 0;}
.in_compet li:nth-child(1):hover { background-image: url(../image/img8_sel.jpg);}
.in_compet li:nth-child(2):hover { background-image: url(../image/img9_sel.jpg);}
.in_compet li:nth-child(3):hover { background-image: url(../image/img10_sel.jpg);}
.in_compet li:nth-child(4):hover { background-image: url(../image/img11_sel.jpg);}
.in_compet li:nth-child(5):hover { background-image: url(../image/img12_sel.jpg); margin-right: 0;}
.in_compet li h3 { color: #fff; position: relative; text-align: center; padding-bottom: 15px; margin-bottom: 15px; font-weight: bold;}
.in_compet li h3::after { position: absolute; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 1px; background: #fff; display: block; content: '';}
.in_compet li p { color: #fff; line-height: 1.5; font-weight: bold; height: 63px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis;
	-webkit-box-orient: vertical; -webkit-line-clamp: 3;}

.in_busin { background: url(../image/in_businbg.jpg) no-repeat; overflow: hidden;}
.in_busin .in_businL { padding-right: 7%; margin-top: 80px;}
.in_busin .in_businL h3 { padding-top: 20px; color: #fff; font-size: 22px;}
.in_busin .in_businL .btn { margin-top: 90%;}
.in_busin .in_businL .btn a { vertical-align: top; display: inline-block; line-height: 50px;}
.in_busin .in_businL .btn i { display: inline-block; position: relative; z-index: 0; padding-top: 15px; color: #fff; width: 3.5vw; height: 3.5vw;}
.in_busin .in_businL .btn small { background: #fff; vertical-align: middle; color: #fff; width: 8px; height: 8px; border-radius: 50%; position: absolute;
	left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}
.in_busin .in_businL .btn span { margin-left: 1vw; vertical-align: middle; font-size: 12px; color: #fff; line-height: 50px; transition: all .5s ease;
	display: inline-block;}
.in_busin .in_businL .btn i::before { border: 1px dashed; animation: a2 15s linear 0s infinite;}
.in_busin .in_businL .btn i::before, .in_busin .in_businL .btn i::after { content: ''; position: absolute; width: 100%; height: 100%; z-index: 0; left: 0;
	top: 0; border-radius: 50%; box-sizing: border-box; transition: all .5s ease;}
.in_busin .in_businL .btn i::after { border: 1px solid #e8e8e8; transform: scale(0.75); width: 75%; height: 75%; left: 12.5%; top: 12.5%;}
.in_busin .in_businL .btn i::before, .in_busin .in_businL .btn i::after { content: ''; position: absolute; width: 100%; height: 100%; z-index: 0; left: 0;
	top: 0; border-radius: 50%; box-sizing: border-box; transition: all .5s ease;}
.in_busin .bd { width: 32vw; height: 32vw; z-index: 1; position: relative; margin-top: 80px;}
.in_busin .in_businbg { height: 100%; width: 100%; animation: a2 40s linear 0s infinite; position: relative; z-index: 0;}
.in_busin .in_businbg::before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; z-index: -1; border: 1px solid rgba(255,255,255,0.3);
	box-sizing: border-box; background-color: rgba(255,255,255,0.3);}
.in_busin .in_businbg::after { content: ''; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px;
	border-radius: 50%; background: #ffb400; margin-top: 1px; animation: a3 40s linear 0s infinite;}
.in_busin .bd .in_businbd { position: relative; margin-top: calc(-100% + 10px); margin-left: 10px;}
.in_busin .bd li { transition: all .5s ease; padding: 3%;}
.in_busin .bd li p { position: absolute; left: -72%; top: 36%; font-size: 18px; color: #fff;}
.in_busin .bd li span { font-size: 14px; margin-top: 50px; display: block;}
.in_busin .bd li img { width: 105%; height: 105%; display: block;}
.in_busin .hd { height: 100%; position: relative; z-index: 0; width: 20%; padding: 11% 0;}
.in_busin .hd::after { position: absolute; right: 0; top: 0; width: 1px; height: 100%; border-right: 1px dashed #fff; content: "";}
.in_busin .hd li { height: auto; margin-top: 1.5vw; width: auto; text-align: right; padding-right: 30px; position: relative;}
.in_busin .hd li h3 { font-size: 20px; font-weight: normal; color: #fff; transition: all .5s ease; display: inline-block;}
.in_busin .hd li i { width: 56px; height: 56px; margin-left: 20px; padding: 2px; border-radius: 50%; display: inline-block;
	background-image: linear-gradient(60deg, #0a48ad 0%, #2b76b9 37%, #2cacd1 65%, #50cbd3 100%);}
.in_busin .hd li img { height: calc(100% - 4px); display: inline-block;}
.in_busin .hd li i::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0;}
.in_busin .hd li::after { display: block; content: ''; position: absolute; right: -7px; top: 50%; transform: translateY(-50%); z-index: 99; width: 16px;
	height: 16px; background-image: linear-gradient(60deg, #0a48ad 0%, #2b76b9 37%, #2cacd1 65%, #50cbd3 100%); border-radius: 50%;
	border: 2px solid #ffffff; box-sizing: border-box; transition: all .5s ease;}
.in_busin .hd li::after:hover { color: rgba(255,255,255,0.8);}
.in_busin .hd li:hover h3 { color: #ffff01;}

.in_new { background: url(../image/in_newbg.jpg) no-repeat center; padding-top: 80px;}
.in_new .container h3 { padding-top: 20px; color: #fff; font-size: 22px;}
.in_new .container .show { margin-top: 5%; max-width: 50%;}
.in_new .container .show h6 { color: #fff; font-size: 14px; padding-bottom: 15px;}
.in_new .container .show h3 { margin: 30px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.in_new .container .show p { margin: 20px 0; font-size: 15px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical;
	-webkit-line-clamp: 2; line-height: 1.6; color: #fff;}
.in_new .container .show a.more { padding: 10px 40px; display: inline-block; margin-top: 3%; color: #fff; transition: all 0.5s ease; font-size: 14px;
	background-image: linear-gradient(60deg, #0a48ad 0%, #2b76b9 37%, #2cacd1 65%, #50cbd3 100%);}
.in_new .container .show a.more:hover { background-image:linear-gradient(60deg, #0a48ad 0%, #2b76b9 37%, #2cacd1 65%, #50cbd3 100%);
  	border-bottom: 3px solid #03e2f0;}
.in_new ul { margin-top: 30px; display: flex; width: 100%; flex: 0 0 32%;}
.in_new li { display: flex; flex-basis: calc(100% / 3); position: relative; flex-shrink: 0; flex-grow: 0; border-right: 1px solid rgba(255, 255, 255, .3);
  	border-top: 1px solid rgba(255, 255, 255, .3); background-color: rgba(0, 0, 0, .5); align-items: center; transition: all 0.5s ease;}
.in_new li a { display: flex; flex-direction: column; padding: 10% 5%; position: relative;}
.in_new li h6 { font-size: 14px; color: #fff; transition: all 0.5s ease;}
.in_new li h3 { color: #fff; margin-top: 3%; font-size: 18px; transition: all 0.5s ease; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.in_new li p { color: rgba(255, 255, 255, .7); margin-top: 5%; line-height: 1.8; font-size: 14px; overflow: hidden; display: -webkit-box;
	text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.in_new li:hover { background-image: linear-gradient(60deg, #0a48ad 0%, #2b76b9 37%, #2cacd1 65%, #50cbd3 100%); border-bottom: 3px solid #03e2f0;}
.in_new li:hover a::before { content: ''; position: absolute; right: 0px; top: 0px; width: 69px; height: 65px; background: url(../image/in_newmore.png) no-repeat right top;}

@keyframes a2 { 100% { transform: rotate(360deg);}}
@keyframes a3 { 0%, 50% { background: #fff;} 51%, 100% { background: #ffae00;}}


@media screen and ( max-width: 1920px ) {}
@media screen and ( max-width: 1680px ) {}
@media screen and ( max-width: 1658px ) {}
@media screen and ( max-width: 1600px ) {
	.in_busin .bd li p { left: -79%; top: 40%;}
}
@media screen and ( max-width: 1500px ) {
	.in_busin .bd li p { left: -82%;}
}
@media screen and ( max-width: 1440px ) {
	.in_busin .bd li p { left: -86%;}
}
@media screen and ( max-width: 1366px ) {
	.in_busin .bd li p { left: -81%;}
	.in_busin .bd { width: 36vw; height: 36vw;}
}
@media screen and ( max-width: 1280px ) {
	.in_busin .bd li p { left: -81%;}
	.in_busin .bd { width: 39vw; height: 39vw;}
}
@media screen and ( max-width: 1024px ) {
	.in_about .in_abL .in_abLs li { margin-right: 10px;}
	.in_busin .bd li p { left: -95%;}
}
@media screen and ( max-width: 768px ) {
	.in_about { background: url(../image/in_aboutbf.jpg) repeat center;}
	.in_about .in_abL { width: 100%; padding: 1em 0; display: block;}
	.in_about .in_abL .in_abLs { max-width: 100%;}
	.in_about .in_abL .in_abLs h3 { padding-left: 1%; font-size: 46px;}
	.in_about .in_abL .in_abLs h3 span { font-size: 62px;}
	.in_about .in_abL .in_abLs h4 { padding: .5em 0 .5em 1%; font-size: 32px; color: #fff; position: relative;}
	.in_about .in_abL .in_abLs h4::after { left: 0;}
	.in_about .in_abL .in_abLs p { line-height: 1.5; margin: 1em 0 1em 1%; -webkit-line-clamp: 5;}
	.in_about .in_abL .in_abLs ul { padding-left: 1%;}
	.in_about .in_abL .in_abLs li { float: left; width: calc((100% - 2em) / 4); height: auto; margin: 0 .25em; text-align: center; color: #fff;}
	.in_about .in_abL .in_abLs li img { margin: .8em auto 0 auto;}
	.in_about .in_abL .in_abLs a.more { margin-top: 2em; margin-left: 1%;}
	.in_about .in_abR { width: 100%; display: block; padding-bottom: 1em;}
	.in_about .in_abR ul { height: auto; display: block;}
	.in_about .in_abR li { float: left; width: calc(100% / 2); padding: 1em; display: block;}
	.in_about .in_abR li:nth-child(3), .in_about .in_abR li:nth-child(4) { border-bottom: none;}
	.in_about .in_abR li:nth-child(1) p { background-position: right center; background-size: auto 60%;}
	.in_about .in_abR li:nth-child(2) p { background-position: right center; background-size: auto 60%;}
	.in_about .in_abR li:nth-child(3) p { background-position: right center; background-size: auto 60%;}
	.in_about .in_abR li:nth-child(4) p { background-position: right center; background-size: auto 60%;}

	.in_busin { padding-bottom: 3em;}
	.in_busin .in_businL { width: 100%; padding-right: 0; margin-top: 3em; display: block;}
	.in_busin .in_businL h3 { padding-top: 1em;}
	.in_busin .bd { width: 78vw; height: 78vw; margin: 2em auto 0 auto; display: block;}
	.in_busin .hd { width: 100%; height: auto; padding: 0;}
	.in_busin .hd ul { border-bottom: 1px dashed #fff;}
	.in_busin .hd::after { border: none;}
	.in_busin .hd li { float: left; height: auto; margin-top: 1em; width: calc(100% / 5); text-align: right; padding: 0 .5em; position: relative;}
	.in_busin .hd li h3 { font-size: 18px; font-weight: normal;}
	.in_busin .hd li i { width: 40px; height: 40px; margin-left: .5em;}
	.in_busin .hd li i::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0;}
	.in_busin .hd li::after {position: static; width: 3vw; height: 3vw; margin: 4vw auto -1.5vw; transform: none;}

	.in_new { padding-top: 3em;}
	.in_new .container .show { margin-top: 8%; max-width: 100%;}
	.in_new .container .show h6 { padding-bottom: 0;}
	.in_new .container .show h3 { margin: 1em 0 10px; padding-top: 0;}
	.in_new .container .show p { margin: 1em 0;}
	.in_new .container .show a.more { margin-top: 0;}
	.in_new ul { margin-top: 1.5em; display: block;}
	.in_new li { display: block; flex-basis: auto;}
	.in_new li a { display: block; padding: 1em .8em;}
	.in_new li p { margin-top: 3%;}

	.in_compet, .in_busin .in_businL .btn, .in_busin .bd li p { display: none;}
}
@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 411px ) {}
@media screen and ( max-width: 400px ) {
	.in_busin .hd li { padding: 0 .3em;}
}
@media screen and ( max-width: 375px ) {}
@media screen and ( max-width: 360px ) {}
@media screen and ( max-width: 320px ) {}