.in_about { padding: 60px 0; background: url(../img/img_3.jpg) no-repeat center;}
.in_about .in_aboutP { width: 50%; margin-top: 30px;}
.in_about .in_aboutP img { width: 100%; }
.in_about .in_aboutT { width: 48%;}
.in_about .in_aboutT .in_aboutTt { width: 100%; position: relative; padding-bottom: 20px; margin-bottom: 20px;}
.in_about .in_aboutT .in_aboutTt h3 { font-size: 38px; font-weight: normal; color: #e70012;}
.in_about .in_aboutT .in_aboutTt h4 { font-size: 24px; color: #333; margin: 3px 0;}
.in_about .in_aboutT .in_aboutTt::after { content: ""; position:absolute; left: 0; bottom: 0; width: 50px; height: 2px; background: #e70012; display: block;}
.in_about .in_aboutT p.in_aboutTts { font-size: 15px; color: #666; line-height: 26px;}
.in_about .in_aboutT ul.in_aboutTul { margin: 20px 0;}
.in_about .in_aboutT ul.in_aboutTul li { float: left; margin-right: 15%; text-align: center; font-size: 16px; color: #666;}
.in_about .in_aboutT ul.in_aboutTul li:nth-child(4) { margin-right: 0;}
.in_about .in_aboutT ul.in_aboutTul li:hover { color: #e70012; transition: all .35s;}
.in_about .in_aboutT ul.in_aboutTul li i { display: block; width: 100%; background-repeat: no-repeat; background-position: top center; transition: all .35s; padding-top: 40px;}
.in_about .in_aboutT ul.in_aboutTul li:nth-child(1) i { background-image: url(../img/Aicon_1.png);}
.in_about .in_aboutT ul.in_aboutTul li:nth-child(1):hover i { background-image: url(../img/Aicon_1_1.png); transform: rotateY(180deg); transition: all .35s;}
.in_about .in_aboutT ul.in_aboutTul li:nth-child(2) i { background-image: url(../img/Aicon_2.png);}
.in_about .in_aboutT ul.in_aboutTul li:nth-child(2):hover i { background-image: url(../img/Aicon_2_1.png); transform: rotateY(180deg); transition: all .35s;}
.in_about .in_aboutT ul.in_aboutTul li:nth-child(3) i { background-image: url(../img/Aicon_3.png);}
.in_about .in_aboutT ul.in_aboutTul li:nth-child(3):hover i { background-image: url(../img/Aicon_3_1.png); transform: rotateY(180deg); transition: all .35s;}
.in_about .in_aboutT ul.in_aboutTul li:nth-child(4) i { background-image: url(../img/Aicon_4.png);}
.in_about .in_aboutT ul.in_aboutTul li:nth-child(4):hover i { background-image: url(../img/Aicon_4_1.png); transform: rotateY(180deg); transition: all .35s;}

.in_fct { padding: 60px 0 0 0;}
.in_fct .in_fctT { text-align: center; color: #666; font-size: 22px; margin-bottom: 40px;}
.in_fct .in_fctT h3 { font-size: 32px; margin-bottom: 13px; color: #000;}
.in_fct .in_fctM { position: relative; overflow: hidden;}
.in_fct .in_fctM li { width: 60.9%; background: #000; overflow: hidden; transition: all .35s;}
.in_fct .in_fctM li a.pic { position: relative; width: 82.1%; padding: 26% 0; display: block; overflow: hidden;}
.in_fct .in_fctM li a.pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .35s;}
.in_fct .in_fctM li a.pic h4 { text-align: center; transform: translateY(0); color: #fff; font-size: 16px; opacity: 0; font-weight: normal; transition: all .35s;}
.in_fct .in_fctM li a.txt { width: 17.9%; color: #fff; padding-top: 100px; display: flex; justify-content: center; flex-direction: row-reverse;}
.in_fct .in_fctM li a.txt h3 { position: relative; font-size: 22px; width: 22px; line-height: 1.2; margin-left: 25px; text-align: center; transition: all .35s;}
.in_fct .in_fctM li a.txt h3:before { position: absolute; top: -60px; left: 10px; width: 1px; height: 47px; background: #e70012; content: '';}
.in_fct .in_fctM li a.txt p { position: relative; font-size: 16px; width: 16px; margin-left: 15px; line-height: 1.2; transition: all .35s;}
.in_fct .in_fctM li a.txt p span { display: inline-block;}
.in_fct .in_fctM li:hover { background: #e70012; transition: all .35s;}
.in_fct .in_fctM li:hover a.pic img { transform: scale(1.1); transition: all .35s;}
.in_fct .in_fctM li:hover a.pic h4 { transform: translateY(-50%); opacity: 1;}
.in_fct .in_fctM li:hover a.txt h3:before { background: #fff;}
.in_fct .in_fctM a.next { width: calc(100% - 60.9%); height: 100%; position: absolute; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.4); display: flex; justify-content: center; align-items: center;}
.in_fct .in_fctM a.next h6 { background: url(../img/icon_5.png) no-repeat center #e70012; width: 50px; height: 50px; border-radius: 50%;}

.in_product { padding: 60px 0; background: url(../img/img_5.jpg) no-repeat center; overflow: hidden;}
.in_product .in_proT { text-align: center; font-size: 22px; color: #666;}
.in_product .in_proT h3 { font-size: 32px; margin-bottom: 13px; color: #000;}
.in_product .in_proM { margin-top: 40px; position: relative;}
.in_product .in_proM .container { overflow: hidden;}
.in_product .in_proM li { width: calc((100% - 52px) / 3); margin-right: 26px; position: relative;}
.in_product .in_proM li .pic { position: relative; width: 100%; padding: 35% 0; display: block; overflow: hidden;}
.in_product .in_proM li .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .35s;}
.in_product .in_proM li .pic i { position: absolute; content: ''; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.2); opacity: 0; transition: all .35s; width: 100%; height: 100%;}
.in_product .in_proM li .pic h5 { font-size: 16px; color: #fff; transition: all .35s; opacity: 0; display: flex; justify-content: center; align-items: center; z-index: 99; position: relative;
	font-weight: normal;}
.in_product .in_proM li p { text-align: center; margin-top: 26px; font-size: 20px; color: #666; height: 30px; line-height: 30px;}
.in_product .in_proM li em { position: relative; display: block; width: 28px; height: 28px; margin: 0 auto; margin-top: 50px; border-radius: 50%; border: 1px solid transparent; box-sizing: border-box;
	transition: all .35s;}
.in_product .in_proM li em:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; content: ''; background: #666; border-radius: 50%;}
.in_product .in_proM li:before { position: absolute; bottom: 14px; left: -26px; width: 48%; content: ''; height: 1px; background: #666;}
.in_product .in_proM li:after { position: absolute; bottom: 14px; right: -26px; width: 48%; content: ''; height: 1px; background: #666;}
.in_product .in_proM li:hover .pic img { transform: scale(1.1); transition: all .35s;}
.in_product .in_proM li:hover .pic i { opacity: 1; transition: all .35s;}
.in_product .in_proM li:hover .pic h5 { opacity: 1; transition: all .35s;}
.in_product .in_proM li:hover p { font-weight: bold; margin-top: 20px; padding-bottom: 6px; color: #e70012;}
.in_product .in_proM li:hover em { border-color: #e70012; transition: all .35s;}
.in_product .in_proM li:hover em:before { background: #e70012; transition: all .35s;}
.in_product .in_proM a.prev { position: absolute; bottom: 14px; left: 7.5%; position: relative; cursor: pointer;}
.in_product .in_proM a.prev::before { content: ''; width: 15px; height: 15px; position: absolute; left: 50%; top: 70%; transform: translate(-50%, -50%) rotate(-45deg); border: solid #666;
	border-width: 2px 0 0 2px;}
.in_product .in_proM a.prev:hover::before { border: solid #e70012; border-width: 2px 0 0 2px;}
.in_product .in_proM a.next { position: absolute; bottom: 14px; right: -92.5%; position: relative; cursor: pointe;}
.in_product .in_proM a.next::before { content: ''; width: 15px; height: 15px; position: absolute; left: 50%; top: 70%; transform: translate(-50%, -50%) rotate(-45deg); border: solid #666;
	border-width: 0 2px 2px 0;}
.in_product .in_proM a.next:hover::before { border: solid #e70012; border-width: 0 2px 2px 0;}
.in_product .in_proMph { margin-top: 1em; display: none;}
.in_product .in_proMph li { width: 100%; position: relative; margin-bottom: 1em;}
.in_product .in_proMph li .pic { position: relative; width: 100%; padding: 35% 0; display: block; overflow: hidden;}
.in_product .in_proMph li .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .35s;}
.in_product .in_proMph li p { position: absolute; left: 0; bottom: 0; background: rgba(225, 97, 0, .8); width: 100%; text-align: center; font-size: 20px; color: #fff; height: 40px; line-height: 40px;}

.in_jion { background: url(../img/img_11.jpg) no-repeat 100%; padding: 100px 0 80px 0;}
.in_jion .in_jionT { text-align: center; margin-bottom: 80px;}
.in_jion .in_jionT h3 { font-size: 32px; margin-bottom: 13px; color: #fff;}
.in_jion .in_jionT h3 span { color: #e70012;}
.in_jion .in_jionT p { font-size: 22px; color: #fff;}
.in_jion .in_jionT a.more { height: 40px; line-height: 40px; width: 148px; border-radius: 30px; display: block; text-align: center; color: #fff; border: 1px solid #fff; font-size: 16px;
	transition: all .35s; margin: 30px auto 0 auto;}
.in_jion .in_jionT a.more:hover { background: #e70012; border: 1px solid #e70012; transition: all .35s;}
.in_jion .bd { overflow: hidden;}
.in_jion .bd li { width: calc((100% - 120px) / 3); margin: 0 20px;}
.in_jion .bd li .pic { background: #e70012; width: 136px; height: 136px; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto 38px auto;}
.in_jion .bd li .txt { text-align: center; color: #fff;}
.in_jion .bd li .txt h3 { font-size: 30px; margin-bottom: 20px; transition: all .35s;}
.in_jion .bd li .txt p { line-height: 2; font-size: 14px; transition: all .35s;}
.in_jion .hd { text-align: center; margin: 0 auto; margin-top: 40px; margin-left: calc(50% - 144px);}
.in_jion .hd li { float: left; background: #fff; width: 16px; height: 16px; border-radius: 50%; margin: 0 12px; color: transparent;}
.in_jion .hd li.on { background: #e70012; width: 44px; border-radius: 16px;}

.in_parner { background: url(../img/img_13.jpg) no-repeat 100%; padding: 80px 0;}
.in_parner .in_parnerT { margin-bottom: 40px; text-align: center;}
.in_parner .in_parnerT h3 { font-size: 32px; margin-bottom: 13px;}
.in_parner .in_parnerT p { font-size: 22px; color: #666;}
.in_parner .bd li { float: left; width: calc((100% - 90px) / 4); margin: 0 30px 30px 0; background: #fff; height: 148px;}
.in_parner .bd li:nth-child(4n) { margin-right: 0;}
.in_parner .bd li a.imgBox { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center;}
.in_parner .bd li a.imgBox img { height: 100%; width: 100%; object-fit: cover; transition: all .3s;}
/*.in_parner .bd li a.imgBox::before { position: absolute; content: ''; top: 50%; left: 50%; width: 80%; height: 80%; border: 2px solid #e7a10e; box-sizing: border-box; transform: translate(-50%, -50%);
    z-index: 2; opacity: 0; transition: all .3s;}
.in_parner .bd li:hover .imgBox::before { width: 100%; height: 100%; opacity: 1; transition: all .3s;}*/
.in_parner .hd { text-align: center; width: 108px; margin: 0 auto; margin-top: 40px; margin-left: calc(50% - 54px);}
.in_parner .hd li { float: left; background: #fff; width: 16px; height: 16px; border-radius: 50%; margin: 0 12px; color: transparent;}
.in_parner .hd li.on { background: #1c2a4d; width: 44px; border-radius: 16px;}

.in_new { padding: 80px 0 40px 0;}
.in_new .in_newT { text-align: center; margin-bottom: 40px;}
.in_new .in_newT h3 { font-size: 32px; margin-bottom: 13px; color: #333;}
.in_new .in_newT h3 span { color: #e70012;}
.in_new .in_newT p { font-size: 22px; color: #666;}
.in_new li { float: left; width: calc((100% - 40px) / 3); margin-right: 20px; background: #f4f6f9;}
.in_new li a { display: block;}
.in_new li:nth-child(3) { margin-right: 0;}
.in_new li .pic { position: relative; width: 100%; padding: 30% 0; display: block; overflow: hidden;}
.in_new li .pic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all .8s ease;}
.in_new li:hover .pic img { transform: scale3D(1.1, 1.1, 1.1); transition: all .8s ease;}
.in_new li .txt { padding: 35px 30px;}
.in_new li .txt h5 { font-size: 18px; color: #404040; margin-bottom: 15px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.in_new li .txt h5:hover { color: #000000;}
.in_new li .txt .time { font-size: 12px; color: #8f9091; padding-left: 19px; background: url(../img/s_news_time.png) left center no-repeat;}
.in_new 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_new li .txt .more { display: block; font-size: 14px; color: #7c7b7b; margin-top: 28px;}
.in_new li .txt .more:hover { color: #006600;}

@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_about { padding: 2em 0; background: url(../img/img_3.jpg) no-repeat center;}
	.in_about .in_aboutP { width: 100%; margin-top: 0;}
	.in_about .in_aboutT { width: 100%;}
	.in_about .in_aboutT .in_aboutTt { padding-bottom: 1em; margin-bottom: 1em;}
	.in_about .in_aboutT .in_aboutTt h3 { font-size: 35px;}
	.in_about .in_aboutT .in_aboutTt h4 { font-size: 25px;}
	.in_about .in_aboutT ul.in_aboutTul { margin: 1em 0;}
	.in_about .in_aboutT ul.in_aboutTul li { width: calc((100% - 50%) / 2); margin: 1em 12.5%;}
	.in_about .in_aboutT ul.in_aboutTul li:nth-child(4) { margin-right: 12.5%;}

	.in_fct { padding: 2em 0 0 0;}
	.in_fct .in_fctT { margin-bottom: 1em;}
	.in_fct .in_fctT { font-size: 16px;}
	.in_fct .in_fctT h3 { font-size: 26px; margin-bottom: .2em;}
	.in_fct .in_fctM li { width: 100%; position: relative; background: none;}
	.in_fct .in_fctM li a.pic { width: 100%; padding: 35% 0;}
	.in_fct .in_fctM li a.txt { width: 30%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, .8); padding-top: 4em; height: 100%;}
	.in_fct .in_fctM li a.txt h3 { font-size: 14px; margin-left: .5em;}
	.in_fct .in_fctM li a.txt h3:before { top: -2.5em; height: 2em;}
	.in_fct .in_fctM li a.txt p { position: relative; font-size: 0.32rem; margin-left: .5em; line-height: 1.1;}
	.in_fct .in_fctM a.next { display: none;}

	.in_product { padding: 2em 0;}
	.in_product .in_proT { font-size: 16px;}
	.in_product .in_proT h3 { font-size: 26px; margin-bottom: .2em;}
	.in_product .in_proM { display: none;}
	.in_product .in_proMph { display: block;}

	.in_jion { padding: 3em 0;}
	.in_jion .in_jionT { margin-bottom: 3em;}
	.in_jion .in_jionT h3 { font-size: 26px; margin-bottom: .2em;}
	.in_jion .in_jionT p { font-size: 16px;}
	.in_jion .in_jionT a.more { height: 30px; line-height: 30px; width: 100px;  font-size: 14px; transition: all .35s; margin: 2em auto 0 auto;}
	.in_jion .bd li { width: 100%; margin: 0;}
	.in_jion .bd li .pic { width: 100px; height: 100px; margin: 0 auto 2em auto;}
	.in_jion .bd li .txt h3 { font-size: 26px; margin-bottom: 1em;}
	.in_jion .bd li .txt p { width: 80%; line-height: 1.5; font-size: 14px; transition: all .35s; margin: 0 auto;}

	.in_parner { padding: 2em 0 1em 0;}
	.in_parner .in_parnerT { margin-bottom: 2em;}
	.in_parner .in_parnerT h3 { font-size: 26px; margin-bottom: .2em;}
	.in_parner .in_parnerT p { font-size: 16px;}
	.in_parner .bd li { float: left; width: calc((100% - 4em) / 2); margin: 1em; background: #fff; height: auto;}

	.in_new { padding: 2em 0;}
	.in_new .in_newT { text-align: center; margin-bottom: 2em;}
	.in_new .in_newT h3 { font-size: 26px; margin-bottom: .2em;}
	.in_new .in_newT p { font-size: 16px;}
	.in_new li { width: 100%; margin: 0 0 1em 0;}
	.in_new li { width: 100%; margin: .5em 0 0 0;}
	.in_new li .txt { padding: 1em;}
}
@media screen and ( max-width: 414px ) {}
@media screen and ( max-width: 400px ) {}
@media screen and ( max-width: 393px ) {}
@media screen and ( max-width: 375px ) {}
@media screen and ( max-width: 360px ) {}
@media screen and ( max-width: 320px ) {}