.in_tit { text-align: center;}
.in_tit h2 { font-size: 35px; color: #2c2c2c;}
.in_tit h2 span { color: #CC0000;}
.in_tit .line { display: flex; align-items: center; justify-content: center; margin-top: 10px;}
.in_tit .line p { font-size: 16px; color: #a0a0a0; text-transform: uppercase;}
.in_tit .line span { display: block; width: 33px; height: 1px; background: #a0a0a0; margin: 0 8px;}

.in_tit01 { text-align: center; margin-bottom: 45px;}
.in_tit01 h3 { font-size: 32px; color: #000; margin-bottom: 16px; font-weight: normal;}
.in_tit01 p { font-size: 14px; color: #8d8d8d;}

.in_about { padding: 3.125% 0;}
.in_abL { width: 48%; margin-top: 50px;}
.in_abL a { position: relative; width: 100%; padding: 30.3% 0; display: block; overflow: hidden;}
.in_abL a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .8s ease;}
.in_abL:hover img { transform: scale3D(1.1, 1.1, 1.1); transition: all .8s ease;}
.in_abR { position: relative; width: 48%;}
.in_abR h1 { line-height: 1; font-family: 'Oswald', sans-serif; color: #CC0000; font-size: 50px; font-weight: normal;}
.in_abR h3 { font-size: 30px; line-height: 1.7; color: #222; font-family: "arial"; word-break: normal; padding-bottom: 20px; margin-bottom: 20px;
	background: url(../img/line1.jpg) no-repeat left bottom;}
.in_abR p { line-height: 1.88; font-size: 16px; color: #555;}
.in_abRnum { padding: 15px 0;}
.in_abRnum li { float: left; width: calc((100% - 94px) / 3); position: relative; padding-left: 30px; margin: 15px 0; border-left: 1px solid #ccc;}
.in_abRnum li:before { content: ''; position: absolute; left: -1px; top: 0px; width: 1px; height: 30%; background: #222; z-index: 1;}
.in_abRnum li h2 { font-size: 40px; color: #333; line-height: 40px; font-weight: bold; display: inline-block;}
.in_abRnum li .unit { font-size: 16px; color: #FA5118; text-align: right; display: inline-block; font-style: normal;}
.in_abRnum li p { color: #999; font-size: 14px; line-height: 30px;}

.in_busine .in_busM { padding: 30px 0;}
.in_busine .in_busM li { float: left; width: calc((100% - 89px) / 4); margin: 0 20px 20px 0; border: 1px solid #e0e0e0; padding: 1px;}
.in_busine .in_busM li.mr0 { margin-right: 0;}
.in_busine .in_busM li a.pic { position: relative; width: 100%; padding: 50% 0; display: block; overflow: hidden;}
.in_busine .in_busM li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .8s ease;}
.in_busine .in_busM li:hover a.pic img { transform: scale3D(1.1, 1.1, 1.1); transition: all .8s ease;}
.in_busine .in_busM li a.txt { font-size: 16px; line-height: 45px; text-align: center; display: block;}
.in_busine .in_busM li:hover { border: 1px solid #CC0000;}
.in_busine .in_busM li:hover a.txt { color: #CC0000;}

.in_advantage { background: url(../img/s4-5.jpg) no-repeat bottom center; margin-top: 16px;}
.in_advantage .in_advtit { background: url(../img/s4a.png) no-repeat 323px top; padding: 13px 0 33px 0; margin: 0 auto;}
.in_advantage .in_advtit p { font-size: 18px; color: #CC0000; text-transform: uppercase; padding-left: 31.2%;}
.in_advantage .in_advtit p span { font-size: 66px;}
.in_advantage .in_advtit h2 { font-size: 28px; padding-left: 17%; color: #fff; margin-top: 2px; font-weight: normal; margin-top: -10px;}
.in_advantage .in_advtit h2 span { display: inline-block; font-size: 35px; color: #1d1714; font-weight: bold; width: 315px;}
.in_advantage .in_advtit h3 { font-size: 20px; color: #FF0000; margin-top: 18px; padding-left: 14%; font-weight: normal;}
.in_advantage .in_advtit h3 span { font-size: 18px; color: #FF0000; text-transform: uppercase;}
.in_advantage ul { margin-top: 25px;}
.in_advantage li img { width: 46.9%; display: block;}
.in_advantage li .txt { width: calc(100% - 46.9% - 10px); display: block;}
.in_advantage li .in_advM h3 { font-size: 35px; color: #fff; width: 82px; line-height: 83px; background: url(../img/s4b-num.png) no-repeat; text-align: center;}
.in_advantage li .in_advM .in_advMf { width: calc(100% - 92px); padding-top: 30px; margin-left: 10px;}
.in_advantage li .in_advM .in_advMf h4 { font-size: 20px; color: #2d2d2d; font-weight: bold;}
.in_advantage li .in_advM .in_advMf p { font-size: 15px; color: #9d9d9d; text-transform: uppercase; line-height: 25px; margin-top: 5px;}
.in_advantage li .txt dl { padding: 25px 0 0 35px;}
.in_advantage li .txt dd { background: url(../img/s4b-title.png) no-repeat left 11px; padding-left: 25px; line-height: 30px; font-size: 15px; color: #2d2d2d;}
.in_advantage li .con1 { margin-top: -10%;}
.in_advantage li .txt01 { padding-top: 25px;}
.in_advantage .in_advgg { padding-bottom: 4px;}
.in_advantage .in_advgg .pic { width: 31.75%;}
.in_advantage .in_advgg .pic img { width: 100%;}
.in_advantage .in_advgg .txt { width: 55.8%; margin-top: 90px;}
.in_advantage .in_advgg .txt h2 { font-size: 36px; color: #fff; letter-spacing: 5px;}
.in_advantage .in_advgg .txt h2 span { color: #f6fe78; font-size: 48px;}
.in_advantage .in_advgg .txt h3 { font-size: 17px; color: #fff; line-height: 46px; padding-top: 3px; width: 100%; margin-top: 20px; letter-spacing: 2px;
    background: url(../img/s5b.png) no-repeat; padding-left: 43px;}
.in_advantage .in_advgg .txt .tel { background: url(../img/196.png) no-repeat; line-height: 40px; margin: 10px 0 0 12px; font-size: 30px; color: #fff;
	padding-left: 50px; letter-spacing: 2px; font-family: "Times New Roman";}

.in_brand { background: url(../img/anli.jpg); padding: 30px 0 50px 0;}
.in_brand .in_braT { text-align: center; color: #fff; font-size: 16px; line-height: 40px; padding: 30px 0;}
.in_brand .in_braT h3 { color: #fff; font-size: 35px; font-weight: bold;}
.in_brand .in_braM { background: #fff; padding: 20px 20px 0 20px;}
.in_brand .in_braM li { float: left; margin: 0 20px 20px 0; width: calc((100% - 40px)/3); position: relative;}
.in_brand .in_braM li.mr0 { margin-right: 0;}
.in_brand .in_braM li a.pic { position: relative; width: 100%; padding: 34.8% 0; display: block; overflow: hidden;}
.in_brand .in_braM li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .8s ease;}
.in_brand .in_braM li a.txt { position: absolute; bottom: 0; left: 0; color: #fff; text-align: center; display: block; background: rgba(34,34,34,.72);
	width: 100%; line-height: 40px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.in_brand .in_braM li:hover a.pic img { transform: scale3D(1.1, 1.1, 1.1); transition: all .8s ease;}
.in_brand .in_braM li:hover a.txt { background: rgba(15,137,121,.72);}

.in_case { padding: 30px 0;}
.in_case .bd { margin-top: 30px; overflow: hidden;}
.in_case .bd li { float: left; width: calc(100%/3.7); margin: 0 20px 0 0; border: 1px solid #e0e0e0; padding: 3px;}
.in_case .bd li.mr0 { margin-right: 0;}
.in_case .bd li a.pic { position: relative; width: 100%; padding: 43.8% 0; display: block; overflow: hidden;}
.in_case .bd li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .8s ease;}
.in_case .bd li:hover a.pic img { transform: scale3D(1.1, 1.1, 1.1); transition: all .8s ease;}
.in_case .bd li a.txt { font-size: 16px; line-height: 45px; text-align: center; display: block; overflow: hidden; text-overflow: ellipsis;
	white-space: nowrap;}
.in_case .bd li:hover { border: 1px solid #CC0000;}
.in_case .bd li:hover a.txt { color: #CC0000;}

.in_news { padding: 30px 0;}
.in_news .in_newsM { margin-top: 30px;}
.in_news .in_newsM li { float: left; width: calc((100% - 40px) / 3); margin-right: 20px; background: #f4f6f9;}
.in_news .in_newsM li a { display: block;}
.in_news .in_newsM li:nth-child(3) { margin-right: 0;}
.in_news .in_newsM li .pic { position: relative; width: 100%; padding: 30% 0; display: block; overflow: hidden;}
.in_news .in_newsM li .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .8s ease;}
.in_news .in_newsM li:hover .pic img { transform: scale3D(1.1, 1.1, 1.1); transition: all .8s ease;}
.in_news .in_newsM li .txt { padding: 35px 30px;}
.in_news .in_newsM li .txt h5 { font-size: 18px; color: #404040; margin-bottom: 15px; font-weight: normal; overflow: hidden; text-overflow: ellipsis;
	white-space: nowrap;}
.in_news .in_newsM li .txt h5:hover { color: #000000;}
.in_news .in_newsM li .txt .time { font-size: 12px; color: #8f9091; padding-left: 19px; background: url(../img/s_news_time.png) left center no-repeat;}
.in_news .in_newsM li .txt p { padding-top: 15px; margin-top: 20px; border-top: 1px dotted #d9dadc; font-size: 15px; line-height: 22px; color: #919191;
	overflow: hidden; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.in_news .in_newsM li .txt .more { display: block; font-size: 14px; color: #7c7b7b; margin-top: 28px;}
.in_news .in_newsM li .txt .more:hover { color: #CC0000;}

@media screen and ( max-width: 1920px ) {}
@media screen and ( max-width: 1697px ) {}
@media screen and ( max-width: 1680px ) {}
@media screen and ( max-width: 1660px ) {}
@media screen and ( max-width: 1600px )  and ( min-width: 1280px ) {}
@media screen and ( max-width: 1518px ) {}
@media screen and ( max-width: 1440px ) and ( min-width: 1280px ) {}
@media screen and ( max-width: 1399px ) {}
@media screen and ( max-width: 1377px ) {}
@media screen and ( max-width: 1366px ) {}
@media screen and ( max-width: 1323px ) {}
@media screen and ( max-width: 1280px ) {}
@media screen and ( max-width: 1024px ) {}
@media screen and ( max-width: 768px ) {
	.in_tit01 { margin-bottom: .5em;}
	.in_tit01 h3 { margin-bottom: 8px;}

	.in_about { padding: 1em 0;}
	.in_abL { width: 100%; margin-top: 0;}
	.in_abR { width: 100%;}
	.in_abR h1 { margin-top: .2em;}
	.in_abR h3 { font-size: 28px;}
	.in_abR p { line-height: 1.7;}
	.in_abRnum { padding: 0;}
	.in_abRnum li { width: auto; padding: 0 .7em;}
	.in_abRnum li h2 { font-size: 30px;}
	.in_abRnum li p { font-size: 12px;}

	.in_busine .in_busM { padding: 1em 0;}
	.in_busine .in_busM li { width: calc((100% - 1em - 8px)/2); margin: 0 .25em .5em .25em;}
	.in_busine .in_busM li.mr0 { margin-right: .25em;}

	.in_brand { padding: 1em 0;}
	.in_brand .in_braT { line-height: 22px; padding: 0 0 1em 0;}
	.in_brand .in_braT h3 { font-size: 26px; margin-bottom: .5em;}
	.in_brand .in_braM { padding: .5em .5em 0 .5em;}
	.in_brand .in_braM li { margin: 0 .5em .5em 0; width: calc((100% - .5em)/2);}
	.in_brand .in_braM li.mr0 { margin-right: .5em;}
	.in_brand .in_braM li:nth-child(2n) { margin-right: 0;}
	.in_brand .in_braM li a.txt { line-height: 30px; font-size: 15px;}

	.in_case { padding: 1em 0;}
	.in_case .bd { margin-top: 1em;}
	.in_case .bd li { width: calc(100%/2); margin: 0 .5em 0 0;}

	.in_news { padding: 1em 0;}
	.in_news .in_newsM li { width: 100%; margin: .5em 0 0 0;}
	.in_news .in_newsM li .txt { padding: 1em;}

	.in_abRnum, .in_advantage { display: none;}
}
@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 400px ) {}
@media screen and ( max-width: 393px ) {}
@media screen and ( max-width: 375px ) {
	.in_abRnum li { padding: 0 .5em;}
}
@media screen and ( max-width: 360px ) {}
@media screen and ( max-width: 320px ) {}