@charset "UTF-8";

.nbsp{width: 100%;height: 90px;}

@media screen and (max-width: 990px) {

	.nbsp{height: 60px;}

}



.cle { clear: both; width: 0; height: 0; display: block; overflow: hidden; font-size: 0px; }
.imgmid { display: inline-block; *display: inline; *zoom: 1; height: 100%; width: 1px; margin-left: -1px; vertical-align: middle; font-size: 0px; }



/* cpzx_yt20220512 */
.cpzx_yt20220512 { width: 100%; }
.cpzx_yt20220512 .cpzx_main { width: 100%; max-width: 1548px; margin: 0 auto; padding: 5vw 20px; }
.cpzx_yt20220512 .idx_title { width: 100%; height: auto; }
.cpzx_yt20220512 .cpzx_main .idx_title .bt, .cpzx_yt20220512 .cpzx_main .idx_title .p1 { text-align: center; }
.cpzx_yt20220512 .cpzx_main .idx_title .p1 { color: #7b7b7b; }
.cpzx_yt20220512 .cpzx_main .idx_title .bt::before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc { width: 100%; height: auto; margin: 2.8vw 0 0; position: relative; overflow: hidden; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list{width: 85%; max-width: 1360px; height: 65vh; max-height: 560px; margin: 0 auto;overflow: hidden;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul { width: 100%; height: 100%;overflow: hidden; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li { width: 100%; height: 100%; float: left; position: relative; overflow: hidden;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info { width: 100%; height: calc(40px + 6vw); position: absolute; bottom: 0; left: 0; z-index: 5; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 3vw; overflow: hidden;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_title { display: inline-block; padding: 0 0 30px; font-size: 40px; color: #fff; position: relative; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_title:before { content: ''; width: 60px; height: 6px; background: #fff; position: absolute; bottom: 0;opacity: 0;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_text { width: 65% !important; height: 60px; margin: 2vw 0 0; line-height: 30px; font-size: 20px; font-weight: 100; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu { width: 100% !important;margin: 4.6vw 0 0;overflow: hidden; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_link { height: 28px;line-height: 28px; margin: 2vw 0 0; font-size: 22px; font-weight: 100; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_link:first-child{margin-top:0;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_link a { color: #fff; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_link a:hover { font-size: 28px; color: #fff; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .mask { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 3;opacity: 0;background: #313232;}

.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .img { width: 100%; height: 100%; text-align: center; position: relative; z-index: 1; overflow: hidden;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .img img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .active_img { width: 100%; height: 100%; text-align: center;position: absolute; bottom: 0; left: 0; z-index: 2; overflow: hidden; transition: all .2s;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .active_img img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info{transition: all .5s;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_title,
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_text,
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu,
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .mask{-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li.on .info{opacity: 0;bottom: -200px;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li.on .mask { opacity: .8; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li.active .active_img{transform: scaleX(0);opacity: 0;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li.active .info{height: 100%;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li.active .info .item_title { transform: translateX(0);left: 0;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li.active .info .item_title:before{opacity: 1;}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li.active .mask{opacity: .8;background: linear-gradient(to right, #0c2c54, rgba(0, 0, 0, 0));}
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .prev,
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .next { width: 24px; height: 120px; position: absolute; top: 50%; margin: -60px 0 0; text-align: center; z-index: 1; opacity: .5; cursor: pointer;display: none; overflow: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .prev { left: 0; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .next { right: 0; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .prev,
.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .next:hover{opacity: 1;}

/* 手机版 */

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile { width: 100%; max-width: 750px; height: auto; box-sizing: border-box; margin: 2vw auto; padding: 0 20px; overflow: hidden; display: none; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 4vw; background: #fff; overflow: hidden; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item { width: 100%; height: auto; display: none; overflow: hidden; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item:first-child { display: block; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item .item_title { padding: 0 0 3.2vw; font-size: 24px; color: #4999f2; position: relative; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item .item_title:before { content: ''; width: 40px; height: 4px; background: #4999f2; position: absolute; bottom: 0 }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item .item_text { margin: 2vw 0 0; line-height: 30px; font-size: 16px; font-weight: 100; color: #777; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item .menu { margin: 8vw 0 0; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item .menu .menu_title { font-size: 20px; color: #333; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item .menu .menu_link { margin: 3.6vw 0 0; font-size: 16px; font-weight: 100; color: #777; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item .menu .menu_link a { display: block; color: #777; }
.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item .menu .menu_link a:hover { color: #4999f2; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu { width: 100%; height: auto; margin: 2vw 0 0; position: relative; overflow: hidden; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item { -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #fff; background: rgba(0, 0, 0, .2); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 2vw 2vw 2vw 4vw; position: relative; overflow: hidden; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item:first-child { border: 0; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item.active { background: none; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item.active .title { color: #4999f2; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item.active .icon { opacity: 1; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item .title { font-size: 24px; color: #fff; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item .icon { width: 50px; height: 50px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: .6; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item .icon::after { content: ""; width: 16px; height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; -webkit-animation: scalepulse 1.5s linear .5s infinite both; animation: scalepulse 1.5s linear .5s infinite both; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item .icon i { width: 16px; height: 16px; display: block; background: #fff; border-radius: 50%; position: relative; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item .icon i::after { content: ""; width: 16px; height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; border-radius: 100%; position: absolute; top: 50%; left: 50%; opacity: 0; margin: -8px 0 0 -8px; -webkit-animation: scalepulse 1.5s linear 1.2s infinite both; animation: scalepulse 1.5s linear 1.2s infinite both; }

@-webkit-keyframes scalepulse {

	0% { opacity: .5; -webkit-animation-timing-function: ease; animation-timing-function: ease }

	100% { width: 36px; height: 36px; margin: -18px 0 0 -18px; opacity: 0; -webkit-animation-timing-function: ease; animation-timing-function: ease }

}

@keyframes scalepulse {

	0% { opacity: .5; -webkit-animation-timing-function: ease; animation-timing-function: ease }

	100% { width: 36px; height: 36px; margin: -18px 0 0 -18px; opacity: 0; -webkit-animation-timing-function: ease; animation-timing-function: ease }

}

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_imgs { width: 100%; height: 0; padding: 0 0 56.56%; position: relative; z-index: 1; overflow: hidden; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_imgs .center { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_imgs .center .item { width: 100%; height: 100%; text-align: center; position: absolute; top: 0; left: 0; opacity: 0; overflow: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_imgs .center .item.active { opacity: 1; }

.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_imgs .center .item img { width: 100%; height: 100%; max-width: 100%; vertical-align: middle; }

@media screen and (max-width: 1440px) {

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_title { font-size: 36px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_title::before { height: 5px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_text { font-size: 20px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_title { font-size: 24px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_link a { font-size: 20px; }

}

@media screen and (max-width:1366px) {

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_title { font-size: 28px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_title::before { height: 3px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_text {font-size: 18px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_title { font-size: 24px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_link a { font-size: 18px; }
}
@media screen and (max-height: 640px) {
	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li.active .info{padding: 2vw;}
	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_text { margin-top: 1.2vw;}
	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu{margin-top: 2.5vw;}
	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_link{margin-top: 12px;}
}
@media screen and (max-height: 480px) {
	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li.active .info{padding: 1.5vw;}
	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_text { margin-top: 1vw;}
	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu{margin-top: 2vw;}
	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_link{margin-top: 10px;}
}


@media screen and (max-width:1024px) {

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_title { font-size: 24px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_title::before { width: 40px; height: 2px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .item_text { font-size: 16px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_title { font-size: 20px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_link { line-height: 24px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc .cpzx_list ul li .info .menu .menu_link a { font-size: 16px; }

}

@media screen and (max-width:990px) {

	.cpzx_yt20220512 { background: #f5f8fb; overflow: hidden; } 

	.cpzx_yt20220512 .cpzx_main { width: 100%; padding: 0; }

	.cpzx_yt20220512 .cpzx_main .idx_title { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 2vw; background: #fff; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_pc { display: none; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile { display: block; }

}

@media screen and (max-width:768px) {

	.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item .item_title { font-size: 20px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item .item_title:before { width: 30px; height: 2px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item .title { font-size: 18px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_info .item .menu .menu_title { font-size: 18px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item .icon { width: 36px; height: 36px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item .icon i { width: 10px; height: 10px; }

	.cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item .icon::after, .cpzx_yt20220512 .cpzx_main .cpzx_list_mobile .cpzx_menu .cpzx_tabs .item .icon i::after { width: 10px; height: 10px; margin: -5px 0 0 -5px }

	@-webkit-keyframes scalepulse {

		0% { opacity: .5; -webkit-animation-timing-function: ease; animation-timing-function: ease }

		100% { width: 24px; height: 24px; margin: -12px 0 0 -12px; opacity: 0; -webkit-animation-timing-function: ease; animation-timing-function: ease }

	}

	@keyframes scalepulse {

		0% { opacity: .5; -webkit-animation-timing-function: ease; animation-timing-function: ease }

		100% { width: 24px; height: 24px; margin: -12px 0 0 -12px; opacity: 0; -webkit-animation-timing-function: ease; animation-timing-function: ease }

	}

}



/* 内页Banner */

.page_banner { width: 100%; height: auto; position: relative; overflow: hidden; }

.page_banner .info { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.page_banner .info .center { width: 100%; max-width: 1200px;box-sizing: border-box; margin: 0 auto; padding: 0 20px; }

.page_banner .info .center .text { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 2vw; border-left: 12px solid #7ed3ff; }

.page_banner .info .center .text .title { line-height: 70px; font-size: 64px; color: #fff; }

.page_banner .info .center .text .subtitle { margin: 2vw 0 0; line-height: 50px; font-size: 40px; color: #fff; }

.page_banner .img { width: 100%; height: auto; text-align: center; overflow: hidden; }

.page_banner .img img { max-width: 100%; }

@media screen and (max-width:1366px) {

	.page_banner .info .center .text .title { line-height: 48px; font-size: 48px; }

	.page_banner .info .center .text .subtitle { line-height: 30px; font-size: 30px; }

}

@media screen and (max-width:990px) {

	.page_banner .info .center { max-width: 750px; }

	.page_banner .info .center .text { border-left-width: 8px; }

	.page_banner .info .center .text .title { line-height: 30px; font-size: 30px; }

	.page_banner .info .center .text .subtitle { line-height: 24px; font-size: 24px; }

}

@media screen and (max-width:768px) {

	.page_banner .info .center .text { border-left-width: 8px; }

	.page_banner .info .center .text .title { line-height: 24px; font-size: 24px; }

	.page_banner .info .center .text .subtitle { line-height: 18px; font-size: 18px; }

}



/* 内页默认标题样式 */

.page_title_box { width: 100%; height: auto; background: #f5f8fb; overflow: hidden; }

.page_title_box>.page_title { width: 100%; max-width: 1360px; box-sizing: border-box; margin: 5.2vw auto; padding: 0 20px; }

.page_title_box.active { overflow: initial; }

.page_title_box.active>.page_title { margin: 0 auto; padding-top: 5.2vw; }

.page_title { width: 100%; height: auto; text-align: center; line-height: 36px; font-size: 36px; color: #4999f2; }

.page_title.active { padding: 0 0 4vw; position: relative; }

.page_title.active::before { content: ''; width: 100px; height: 10px; border-radius: 10px; background: #4999f2; position: absolute; bottom: 0; left: 50%; margin-left: -50px; }

.page_title .pages_p{margin: 16px 0 0;}

.page_title .pages_p * { line-height: 36px; font-size: 18px; font-weight: 100; color: #777; }

@media screen and (max-width:1360px) {

	.page_title { font-size: 30px; }

	.page_title.active::before { width: 70px; height: 5px; margin-left: -35px; }

}

@media screen and (max-width:990px) {

	.page_title { margin: 30px 0; }

	.page_title .pages_p * { line-height: 30px; font-size: 16px; }

	.page_title_box.active { overflow: hidden; }

	.page_title_box>.page_title, .page_title_box.active>.page_title { margin: 0 0 5.2vw; }

	.page_title_box>.page_title { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 20px 24px !important; }

}

@media screen and (max-width:768px) {

	.page_title { font-size: 24px; }

	.page_title.active::before { width: 50px; height: 3px; margin-left: -25px; }

}

@media screen and (max-width:480px) {

	.page_title .pages_p * { font-size: 16px; }

}



/* 产品列表 开始 */

.cplb_yt { width: 100%; height: auto; overflow: hidden; }

.cplb_yt .cplb_main { width: 100%; height: auto; background: #f5f8fb; overflow: hidden; }

.cplb_yt .cplb_main .cplb_content { width: 100%; max-width: 1200px; box-sizing: border-box; margin: 6vw auto; padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: space-between; }

.cplb_yt .cplb_main .cplb_content .img { width: calc(50% - 2vw); text-align: center;}

.cplb_yt .cplb_main .cplb_content .img img { max-width: 100%; }

.cplb_yt .cplb_main .cplb_content .info { width: calc(50% - 2vw); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; overflow: hidden; }

.cplb_yt .cplb_main .cplb_content .info .title { line-height: 60px; font-size: 40px; color: #4999f2; }

.cplb_yt .cplb_main .cplb_content .info .text { max-height: 144px; margin: 1vw 0; line-height: 36px; font-size: 16px; font-weight: 100; color: #777;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }

.cplb_yt .cplb_main .cplb_content .info .link { height: 52px; font-size: 0; overflow: hidden;}

.cplb_yt .cplb_main .cplb_content .info .link a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: left; width: auto; height: 52px; padding: 0 30px; border-radius: 10px; border: 1px solid #4999f2; font-size: 22px; font-weight: 100; color: #4999f2; }

.cplb_yt .cplb_main .cplb_content .info .link a:hover { background: #4999f2; color: #fff; }

.cplb_yt .cplb_main:nth-child(even) { background: #fff; }

.cplb_yt .cplb_main:nth-child(even) .cplb_content { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media screen and (max-width:1366px) {
	.cplb_yt .cplb_main .cplb_content .info .text { max-height: 120px;line-height: 30px; }
	.cplb_yt .cplb_main .cplb_content .info .link a{height: 44px;padding: 0 28px;font-size: 18px;}
}

@media screen and (max-width:990px) {
	.cplb_yt .cplb_main .cplb_content { max-width: 750px; }
	.cplb_yt .cplb_main .cplb_content .img,
	.cplb_yt .cplb_main .cplb_content .info{opacity: 1 !important;transform: initial !important;}
	.cplb_yt .cplb_main .cplb_content .info .title { line-height: 30px; font-size: 20px; }
	.cplb_yt .cplb_main .cplb_content .info .text { max-height: initial; -webkit-line-clamp: initial; }
	.cplb_yt .cplb_main .cplb_content .info .link a { height: 40px; font-size: 16px; }
}

@media screen and (max-width:768px) {

	.cplb_yt .cplb_main .cplb_content { width: 80%; display: block; }

	.cplb_yt .cplb_main .cplb_content .img { width: 100%; }

	.cplb_yt .cplb_main .cplb_content .info { width: 100%; margin: 5.2vw 0 0; padding: 0 !important; text-align: center; }

	.cplb_yt .cplb_main .cplb_content .info .title { line-height: 30px; font-size: 20px; }

	.cplb_yt .cplb_main .cplb_content .info .text { margin: 2.5vw 0 4vw; line-height: 23px; font-size: 14px; }

	.cplb_yt .cplb_main .cplb_content .info .link { display: inline-block; }

	.cplb_yt .cplb_main .cplb_content .info .link a { font-size: 14px; }

}



/* 产品详情 开始 */

/* 产品介绍 */

.cpjs_yt { width: 100%; height: auto; background: #f5f8fb; overflow: hidden; }

.cpjs_yt .cpjs_main { width: 100%; max-width: 1200px; box-sizing: border-box; margin: 5.2vw auto; }

.cpjs_yt .cpjs_main .cpjs_content { width: 100%; height: auto; margin: 4vw 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.cpjs_yt .cpjs_main .cpjs_content .img { width: 50%; text-align: center; }

.cpjs_yt .cpjs_main .cpjs_content .img img { max-width: 100%; }

.cpjs_yt .cpjs_main .cpjs_content .info { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 4vw; font-size: 0; overflow: hidden; }

.cpjs_yt .cpjs_main .cpjs_content .info .text { line-height: 36px; font-size: 16px; color: #777; }

.cpjs_yt .cpjs_main .cpjs_content .info .link { margin: 2vw 0 0; font-size: 0; }

.cpjs_yt .cpjs_main .cpjs_content .info .link a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: left; width: auto; height: 30px; margin: 0 1vw 0 0; padding: 0 15px; border-radius: 30px; background: #4999f2; font-size: 16px; color: #fff; 

-webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.cpjs_yt .cpjs_main .cpjs_content .info .link a:hover{background: #fff;color: #4999f2;}

@media screen and (max-width:990px) {

	.cpjs_yt .cpjs_main { max-width: 750px; padding: 0 20px;}

}

@media screen and (max-width:768px) {

	.cpjs_yt .cpjs_main .cpjs_content { display: block; }

	.cpjs_yt .cpjs_main .cpjs_content .img { width: 100%; }

	.cpjs_yt .cpjs_main .cpjs_content .info { width: 100%; margin: 15px 0 0; padding: 0; text-align: center; }

	.cpjs_yt .cpjs_main .cpjs_content .info .text { line-height: 30px; font-size: 16px; }

	.cpjs_yt .cpjs_main .cpjs_content .info .link { margin: 15px 0 0; display: inline-block; }

	.cpjs_yt .cpjs_main .cpjs_content .info .link a { font-size: 14px; }

}



/* 产品优势 */

.cpys_yt { width: 100%; height: auto; overflow: hidden; }

.cpys_yt .cpys_main { width: 85%; max-width: 1360px; margin: 4.2vw auto;}

.cpys_yt .cpys_main .cpys_list { width: 100%; height: auto; margin: 4vw 0 0; }

.cpys_yt .cpys_main .cpys_list ul { margin: -3vw 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.cpys_yt .cpys_main .cpys_list ul li { width: 46%; height: auto; margin: 3vw 0 0; cursor: pointer; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.cpys_yt .cpys_main .cpys_list ul li:nth-child(2n) { float: right; }

.cpys_yt .cpys_main .cpys_list ul li .img { width: 120px; height: 120px; text-align: center; overflow: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.cpys_yt .cpys_main .cpys_list ul li .img img { max-width: 100%; vertical-align: middle; }

.cpys_yt .cpys_main .cpys_list ul li .info { width: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 2vw; }

.cpys_yt .cpys_main .cpys_list ul li .info .title { font-size: 24px; color: #4999f2; }

.cpys_yt .cpys_main .cpys_list ul li .info .text { margin: 1.5vw 0 0; line-height: 30px; font-size: 16px; color: #777; }

.cpys_yt .cpys_main .cpys_list ul li:hover .img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

@media screen and (max-width: 1366px) {

	.cpys_yt .cpys_main .cpys_list ul li .info .title{font-size: 20px;}

	.cpys_yt .cpys_main .cpys_list ul li .info .text{line-height: 28px;font-size: 16px;}

}

@media screen and (max-width: 990px) {

	.cpys_yt .cpys_main {width: 94%; max-width: 750px; }

	.cpys_yt .cpys_main .cpys_list ul li { display: block; }

	.cpys_yt .cpys_main .cpys_list ul li .img { width: 100px; margin: 0 auto; }

	.cpys_yt .cpys_main .cpys_list ul li .info { width: 100%; margin: 2vw 0 0; padding: 0; text-align: center; }

	.cpys_yt .cpys_main .cpys_list ul li .info .title{font-size: 18px;}

	.cpys_yt .cpys_main .cpys_list ul li .info .text{line-height: 24px;font-size: 14px;}

}



/* 使用场景 */

.sycj_yt { width: 100%; height: auto; background: #f5f8fb; overflow: hidden; }

.sycj_yt .sycj_main { width: 100%; max-width: 1548px;  margin: 4.2vw auto 2.2vw; box-sizing: border-box; padding: 0 20px; }

.sycj_yt .sycj_main .sycj_list { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 1.6vw auto 0; padding: 0 44px; position: relative; }

.sycj_yt .sycj_main .sycj_list .sycj_swiper { max-width: 1420px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding: 30px; overflow: hidden; }

.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li { background: #fff; -webkit-box-shadow: 0 0 20px #edf2f8; box-shadow: 0 0 20px #edf2f8; border-radius: 16px; cursor: pointer; overflow: hidden;}

.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li .img { width: 100%; height: 0; padding: 0 0 50%; position: relative; text-align: center; overflow: hidden; }

.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li .img .center { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }

.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li .img .center img { max-width: 100%; vertical-align: middle; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li .info { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2vw;}

.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li .info .title { font-size: 28px; color: #4999f2; }

.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li .info .text { height: 180px; margin: 20px 0 0; line-height: 36px; font-size: 16px; color: #777; overflow: hidden; overflow-y: auto; }

.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li:hover .img .center img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.sycj_yt .sycj_main .sycj_list .sycj_prev, .sycj_yt .sycj_main .sycj_list .sycj_next { width: 24px; height: 120px; position: absolute; top: 50%; margin-top: -60px; text-align: center; cursor: pointer; opacity: .5; overflow: hidden; 

-webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.sycj_yt .sycj_main .sycj_list .sycj_prev { left: 0; }

.sycj_yt .sycj_main .sycj_list .sycj_next { right: 0; }

.sycj_yt .sycj_main .sycj_list .sycj_prev:hover,

.sycj_yt .sycj_main .sycj_list .sycj_next:hover {opacity: 1;}

.sycj_yt .sycj_main .sycj_list .sycj_pagination { margin: 3.2vw 0 0; text-align: center; font-size: 0; display: none;}

.sycj_yt .sycj_main .sycj_list .sycj_pagination span { width: 10px; height: 10px; margin: 0 5px; }

.sycj_yt .sycj_main .sycj_list .sycj_pagination span.swiper-pagination-bullet-active { background: #4999f2; }

@media screen and (max-width: 1366px) {

	.sycj_yt .sycj_main .sycj_list .sycj_swiper { padding: 30px 20px; }

	.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li .info .title { font-size: 20px; }

	.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li .info .text{height: 140px;line-height: 28px;font-size: 16px;}

}

@media screen and (max-width: 990px) {

	.sycj_yt .sycj_main { max-width: 750px; margin: 4.2vw auto; }

	.sycj_yt .sycj_main .sycj_list { margin: 3.6vw auto 0; padding: 0; }

	.sycj_yt .sycj_main .sycj_list .sycj_swiper { padding: 0; }

	.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li { -webkit-box-shadow: none; box-shadow: none; }

	.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li .info .title { font-size: 18px; }

	.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li .info .text { height: 120px; line-height: 24px;font-size: 14px;}

	.sycj_yt .sycj_main .sycj_list .sycj_prev, .sycj_yt .sycj_main .sycj_list .sycj_next { display: none; }

	.sycj_yt .sycj_main .sycj_list .sycj_pagination{display: block;}

}

@media screen and (max-width: 768px) {

	.sycj_yt .sycj_main .sycj_list .sycj_swiper ul li .info { padding: 15px; }

}



/* 相关案例 */

.xgal_yt { width: 100%; height: auto; background: url('../images/xgal_bg.jpg') no-repeat center/cover; overflow: hidden; }

.xgal_yt .xgal_main { width: 100%; max-width: 1548px; margin: 4.2vw auto;box-sizing: border-box; padding: 0 20px; overflow: hidden; }

.xgal_yt .xgal_main .page_title { color: #fff; }

.xgal_yt .xgal_main .xgal_list { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 3.6vw auto 0; padding: 0 44px; position: relative; }

.xgal_yt .xgal_main .xgal_list .xgal_swiper { max-width: 1360px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; overflow: hidden; }

.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li { background: #fff; border-radius: 16px; cursor: pointer;overflow: hidden;}

.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li .img { width: 100%; height: 0; padding: 0 0 50%; position: relative; text-align: center; overflow: hidden; }

.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li .img .center { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }

.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li .img .center img { max-width: 100%; vertical-align: middle; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li .info { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2vw; }

.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li .info .title { font-size: 28px; color: #4999f2; }

.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li .info .text { height: 180px; margin: 20px 0 0; line-height: 36px; font-size: 16px; color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; word-break: break-all; overflow: hidden; }

.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li:hover .img .center img{-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.xgal_yt .xgal_main .xgal_list .xgal_prev, .xgal_yt .xgal_main .xgal_list .xgal_next { width: 24px; height: 120px; position: absolute; top: 50%; margin-top: -60px;	opacity: .5; text-align: center; cursor: pointer; overflow: hidden; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.xgal_yt .xgal_main .xgal_list .xgal_prev { left: 0; }

.xgal_yt .xgal_main .xgal_list .xgal_next { right: 0; }

.xgal_yt .xgal_main .xgal_list .xgal_prev:hover,

.xgal_yt .xgal_main .xgal_list .xgal_next:hover { opacity: 1; }

.xgal_yt .xgal_main .xgal_list .xgal_pagination { margin: 3.2vw 0 0; text-align: center; font-size: 0; display: none;}

.xgal_yt .xgal_main .xgal_list .xgal_pagination span { width: 10px; height: 10px; margin: 0 5px; background: #fff; }

@media screen and (max-width: 1366px) {

	.xgal_yt .xgal_main .xgal_list .xgal_swiper { padding: 10px 20px; }

	.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li .info .title { font-size: 20px; }

	.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li .info .text{ height: auto; line-height: 28px; font-size: 16px;}

}

@media screen and (max-width: 990px) {

	.xgal_yt .xgal_main { max-width: 750px; margin: 4.2vw auto; }

	.xgal_yt .xgal_main .xgal_list { margin: 3.6vw auto 0; padding: 0; }

	.xgal_yt .xgal_main .xgal_list .xgal_swiper { padding: 0; }

	.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li { -webkit-box-shadow: none; box-shadow: none; }

	.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li .info .title { font-size: 20px; }

	.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li .info .text { height: 120px; line-height: 24px; font-size: 14px; }

	.xgal_yt .xgal_main .xgal_list .xgal_prev, .xgal_yt .xgal_main .xgal_list .xgal_next { display: none; }

	.xgal_yt .xgal_main .xgal_list .xgal_pagination{display: block;}

}

@media screen and (max-width: 768px) {

	.xgal_yt .xgal_main .xgal_list .xgal_swiper ul li .info { padding: 15px; }

}



/* 产品规格 */

.cpgg_yt { width: 100%; height: auto; background: #f5f8fb; overflow: hidden; }

.cpgg_yt .cpgg_big { margin: 4.2vw 0; background: url('../images/pro_big_bg.png') no-repeat center/100% auto; }

.cpgg_yt .cpgg_big .info { width: 80%; max-width: 1360px; margin: 8vw auto 0; overflow: hidden; }

.cpgg_yt .cpgg_big .info .img { text-align: center; }

.cpgg_yt .cpgg_big .info .img img { max-width: 100%; }

.cpgg_yt .cpgg_big .info .title h1 { text-align: center; font-size: 60px; font-weight: bold; color: #4999f2; }

.cpgg_yt .cpgg_table { width: 100%; max-width: 1360px; box-sizing: border-box; margin: 3.6vw auto; padding: 0 20px; text-align: center; overflow: hidden; }

.cpgg_yt .cpgg_table .table_head { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; background: #4999f2; font-size: 28px; color: #fff; }

.cpgg_yt .cpgg_table .table_body { width: 100%; height: auto; overflow: hidden;overflow-x: auto;}

.cpgg_yt .cpgg_table .table_body table {font-size: 18px; font-weight: 100; width:100%; color: #777; border-width: 1px; border-color: #e7edf4; border-collapse: collapse;background: #fff;}
.cpgg_yt .cpgg_table .table_body table tr:nth-child(odd){background: #f5f8fb;}
.cpgg_yt .cpgg_table .table_body table th {font-size: 18px; font-weight: 100;color: #777;padding: 10px 5px;border-width: 1px;line-height: 1.8;border-style: solid; border-color: #e7edf4;vertical-align: middle;}
.cpgg_yt .cpgg_table .table_body table td {height: auto !important;font-size: 18px; font-weight: 100;color: #777;padding: 10px 5px;border-width: 1px;line-height: 1.8;border-style: solid; border-color: #e7edf4; text-align:center;vertical-align: middle;}

.cpgg_yt .cpgg_table .table_body .items { width: 100%; height: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background: #fff; overflow: hidden; }

.cpgg_yt .cpgg_table .table_body .items:nth-child(odd) { background: #f5f8fb; }

.cpgg_yt .cpgg_table .table_body .items .item { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; border-left: 1px solid #e7edf4; -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; }

.cpgg_yt .cpgg_table .table_body .items .item:first-child { -webkit-box-flex: 0; -webkit-flex: 0 0 17%; -ms-flex: 0 0 17%; flex: 0 0 17%; border: 0; }

.cpgg_yt .cpgg_table .table_body .items .item .center { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; font-weight: 100; color: #777; }

.cpgg_yt .cpgg_table .table_body .items .tips { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; font-size: 18px; font-weight: 100; color: #4999f2; text-align: left; }

@media screen and (max-width: 1366px) {

	.cpgg_yt .cpgg_big .info .title h1 { font-size: 48px; }

	.cpgg_yt .cpgg_table .table_body .items .tips,

	.cpgg_yt .cpgg_table .table_body .items .item .center{font-size: 16px;}

}

@media screen and (max-width: 990px) {

	.cpgg_yt .cpgg_big .info{max-height: 750px;}

	.cpgg_yt .cpgg_big .info .title h1 { font-size: 36px; }

	.cpgg_yt .cpgg_table .table_body{overflow-x: auto;}

	.cpgg_yt .cpgg_table .table_body .items{width: 1360px;}
	.cpgg_yt .cpgg_table .table_body table{width: 1360px;}

}

@media screen and (max-width: 768px) {

	.cpgg_yt .cpgg_big .info .title h1 { font-size: 24px; }

	.cpgg_yt .cpgg_table .table_head { font-size: 20px; padding: 15px; }

	.cpgg_yt .cpgg_table .table_body .items { width: 1024px; }

	.cpgg_yt .cpgg_table .table_body .items .item { padding: 15px; }

	.cpgg_yt .cpgg_table .table_body .items .tips, .cpgg_yt .cpgg_table .table_body .items .item .center { font-size: 16px; }

	.cpgg_yt .cpgg_table .table_body table {font-size: 14px;}
	.cpgg_yt .cpgg_table .table_body table th {font-size: 14px;line-height: 1.4;}
	.cpgg_yt .cpgg_table .table_body table td {font-size: 14px;line-height: 1.4;}

}



/* 视频展示 */

.spzs_yt { width: 100%; height: auto; overflow: hidden; }

.spzs_yt .spzs_main { width: 90%; max-width: 1360px; margin: 4.1vw auto; overflow: hidden; }

.spzs_yt .spzs_main .spzs_img { width: 100%; height: 0; margin: 3.6vw 0 0; padding: 0 0 55.88%; position: relative; text-align: center; box-sizing: border-box; border: 8px solid #8694a3; border-radius: 20px; background: #1e2022; overflow: hidden; }

.spzs_yt .spzs_main .spzs_img .images { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-box-sizing: border-box;overflow: hidden; }

.spzs_yt .spzs_main .spzs_img .images img { width: 100%; height: 100%; object-fit: cover; }

.spzs_yt .spzs_main .spzs_img .center { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; -webkit-box-sizing: border-box; overflow: hidden; }

.spzs_yt .spzs_main .spzs_img .center img { height: 20%; max-height: 126px; vertical-align: middle; }

.spzs_yt_video_box { width: 90%; max-width: 1360px; }

.spzs_yt_video { width: 100%; height: 0; padding: 0 0 55.88%; position: relative; text-align: center; overflow: hidden; display: none; }

.spzs_yt_video .center { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }

.spzs_yt_video .center img { max-width: 100%; vertical-align: middle; }

@media screen and (max-width: 1366px) {

	.spzs_yt .spzs_main {width: 60%;}

}

@media screen and (max-width: 990px) {

	.spzs_yt .spzs_main { max-width: 750px; }

	.spzs_yt .spzs_main .spzs_img .center { border-width: 4px; }

}



/* 行业方案列表页 开始 */

/* 行业方案导航栏 */

.hyfa_yt_head { width: 100%; height: auto; }

.hyfa_yt_head .hyfa_main { width: 100%; max-width: 1360px; margin: 6vw auto; box-sizing: border-box; padding: 0 20px;}

.hyfa_yt_head .hyfa_main .subnav_box { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 64px 0 0; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main { width: 100%; height: auto; background: #fff; border-radius: 20px; -webkit-box-shadow: 0 8px 64px #eaeff5; box-shadow: 0 8px 64px #eaeff5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: hidden; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper { width: auto; padding: 3.6vw 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li { width: 100%; height: auto; overflow: hidden; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a {width: 100%;height: 100%; display: block; position: relative;overflow: hidden;}

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a .img { width: 100%; max-width: 120px; height: auto; margin: 0 auto; overflow: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a .img.active {position: absolute;top: 0;left: 50%;transform: translateX(-50%);opacity: 0;}

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a .img .pimg { width: 100%; height: 0; padding: 0 0 66.66%; position: relative; overflow: hidden; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a .img .pimg .center { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a .img .pimg .center img { max-width: 100%; max-height: 100%; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a .title { margin: 2vw 0 0; text-align: center; font-size: 24px; color: #9cb2cb; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s;}

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li:hover a .img,

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li.active a .img { opacity: 0; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li:hover a .img.active,

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li.active a .img.active { opacity: 1; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li:hover a .title,

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li.active a .title { color: #4999f2; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_prev, .hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_next { width: 100px; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; text-align: center; cursor: pointer; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_pagination { margin: 20px 0; text-align: center; font-size: 0; display: none; }

.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_pagination span { width: 10px; height: 10px; margin: 0 5px; background: #4999f2; }



/* 行业方案列表 */

.hyfa_yt_body { width: 100%; height: auto; overflow: hidden; }

.hyfa_yt_body .hyfa_main { width: 100%; max-width: 1240px; height: auto; margin: 0 auto;box-sizing: border-box; padding: 0 20px; overflow: hidden; }

.hyfa_yt_body .hyfa_main .hyfa_list { width: 100%; height: auto; overflow: hidden; }

.hyfa_yt_body .hyfa_main .hyfa_list ul li { width: 100%; height: auto; margin: 4.2vw 0; overflow: hidden;  }

.hyfa_yt_body .hyfa_main .hyfa_list ul li:first-child { margin-top: 0; }

.hyfa_yt_body .hyfa_main .hyfa_list ul li .img { width: 29%; height: auto; float: left; border-radius: 20px; overflow: hidden; }

.hyfa_yt_body .hyfa_main .hyfa_list ul li .img .pimg { width: 100%; height: 0; padding: 0 0 72.22%; position: relative; overflow: hidden; }

.hyfa_yt_body .hyfa_main .hyfa_list ul li .img .pimg .center { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; text-align: center; overflow: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.hyfa_yt_body .hyfa_main .hyfa_list ul li .img .pimg .center img { max-height: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.hyfa_yt_body .hyfa_main .hyfa_list ul li .info { width: 71%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0 4vw; float: right; overflow: hidden; }

.hyfa_yt_body .hyfa_main .hyfa_list ul li .info .title { margin: 5px 0 0; font-size: 24px; color: #4999f2; }

.hyfa_yt_body .hyfa_main .hyfa_list ul li .info .text { max-height: 128px; margin: 0.8vw 0; line-height: 32px; font-size: 16px; font-weight: 100; color: #727a82; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; word-break: break-all; }

.hyfa_yt_body .hyfa_main .hyfa_list ul li .info .more { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; float: left; width: auto; height: 30px; padding: 0 15px; border-radius: 30px; background: #4999f2; font-size: 16px; color: #fff; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.hyfa_yt_body .hyfa_main .hyfa_list ul li:hover .img .center { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); }

.hyfa_yt_body .hyfa_main .hyfa_list ul li .more:hover { background: #fff; color: #4999f2;}

@media screen and (max-width: 1366px) {

	.hyfa_yt_head .hyfa_main .subnav_box { margin: 48px 0 0; }

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main { -webkit-box-sizing: 0 8px 48px #eaeff5; box-sizing: 0 8px 48px #eaeff5; }

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a .img { max-width: 80px; }

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a .title { font-size: 18px; }

	.hyfa_yt_body .hyfa_main .hyfa_list ul li .info .title { font-size: 20px; }

	.hyfa_yt_body .hyfa_main .hyfa_list ul li .info .text { font-size: 14px; }

}

@media screen and (max-width: 990px) {

	.hyfa_yt_head .hyfa_main { max-width: 750px; margin: 2vw auto; }

	.hyfa_yt_head .hyfa_main .page_title { display: none; }

	.hyfa_yt_head .hyfa_main .subnav_box { margin: 0; }

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main { display: block; border-radius: 0; padding: 25px 15px 0; }

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper { width: 100%; padding: 0; }

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a { opacity: 1; }

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a .img { width: 50%; opacity: .4; }

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a .title { margin: 20px 0 0; opacity: .4; }

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li.active .img, .hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li.active .title { opacity: 1; }

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_prev, .hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_next { display: none; }

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_pagination { display: block; }

	.hyfa_yt_body .hyfa_main { max-width: 750px }

	.hyfa_yt_body .hyfa_main .hyfa_list ul li{opacity: 1 !important;transform: none !important;}

	.hyfa_yt_body .hyfa_main .hyfa_list ul li .img { width: 35%; border-radius: 5px; }

	.hyfa_yt_body .hyfa_main .hyfa_list ul li .info { width: 65%; }

	.hyfa_yt_body .hyfa_main .hyfa_list ul li .info .text{height: 90px;line-height: 30px;-webkit-line-clamp: 3;}

	.hyfa_yt_body .hyfa_main .hyfa_list ul li .info .more{font-size: 14px;}

}

@media screen and (max-width:768px) {

	.hyfa_yt_head .hyfa_main .subnav_box .subnav_main .tabs_swiper ul li a .title { font-size: 16px; }

	.hyfa_yt_body .hyfa_main .hyfa_list ul li .info .text { max-height: 96px; -webkit-line-clamp: 3; }

}

@media screen and (max-width: 640px) {

	.hyfa_yt_body .hyfa_main .hyfa_list ul li {margin: 0; padding: 30px 0; border-bottom: 1px solid #e9e9e9;}

	.hyfa_yt_body .hyfa_main .hyfa_list ul li:first-child { padding-top: 10px; }

	.hyfa_yt_body .hyfa_main .hyfa_list ul li:last-child { border: 0; }

	.hyfa_yt_body .hyfa_main .hyfa_list ul li .img { width: 100%; }
	.hyfa_yt_body .hyfa_main .hyfa_list ul li .img img{width: 100%;height: 100%;}

	.hyfa_yt_body .hyfa_main .hyfa_list ul li .info { width: 100%; margin: 15px 0 0; padding: 0 15px; }

	.hyfa_yt_body .hyfa_main .hyfa_list ul li .info .text { max-height: 90px; margin: 15px 0; line-height: 24px; }

	.hyfa_yt_body .hyfa_main .hyfa_list ul li .info .more { font-size: 14px; }

}





/* 行业方案详情页 开始 */

/* 行业新闻 */

.hyfa_hyxw { width: 100%; height: auto; background: #f5f8fb; overflow: hidden; }

.hyfa_hyxw .hyxw_main { width: 96%; max-width: 1360px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 6.2vw auto; padding: 0 3.125vw; background: #fff; border-radius: 20px; overflow: hidden; }

.hyfa_hyxw .hyxw_main .hyxw_list { width: 100%; height: auto; overflow: hidden; }

.hyfa_hyxw .hyxw_main .hyxw_list ul li { width: 100%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2vw 3.125vw; border-bottom: 1px solid #dce7f3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; overflow: hidden; }

.hyfa_hyxw .hyxw_main .hyxw_list ul li:last-child { border: 0; }

.hyfa_hyxw .hyxw_main .hyxw_list ul li .img { width: 44%; height: auto; overflow: hidden; }

.hyfa_hyxw .hyxw_main .hyxw_list ul li .img .pimg { width: 100%; height: 0; padding: 0 0 48%; position: relative; overflow: hidden; }

.hyfa_hyxw .hyxw_main .hyxw_list ul li .img .pimg .center { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; text-align: center; overflow: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.hyfa_hyxw .hyxw_main .hyxw_list ul li .img .pimg .center img { max-width: 100%; vertical-align: middle; }

.hyfa_hyxw .hyxw_main .hyxw_list ul li .info { width: 56%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px 0 4vw; line-height: 36px; font-size: 18px; font-weight: 100; color: #727a82; overflow: hidden; display: flex; align-items: center; overflow-y: auto; }

/*.hyfa_hyxw .hyxw_main .hyxw_list ul li .info .center{}*/

.hyfa_hyxw .hyxw_main .hyxw_list ul li .info p { font-size: 18px; margin: 16px 0; }

.hyfa_hyxw .hyxw_main .hyxw_list ul li .info p:first-child { margin-top: 0; }

.hyfa_hyxw .hyxw_main .hyxw_list ul li .info p:last-child { margin-bottom: 0; }

.hyfa_hyxw .hyxw_main .hyxw_list ul li:hover .img .center { -webkit-transform: scale3d(1.02, 1.02, 1.02); transform: scale3d(1.02, 1.02, 1.02); }

@media screen and (max-width: 1366px) {

	.hyfa_hyxw .hyxw_main .hyxw_list ul li .info{line-height: 30px;font-size: 16px;}

	.hyfa_hyxw .hyxw_main .hyxw_list ul li .info p{font-size: 16px;}

}

@media screen and (max-width: 990px) {

	.hyfa_hyxw .hyxw_main { width: 100%; max-width: 750px; margin: 0 auto 5.2vw;border-radius: 10px; background: none;border-radius: 0;}
	.hyfa_hyxw .hyxw_main .hyxw_list{box-sizing: border-box;padding: 0 20px;background: #fff;border-radius: 10px;}

	.hyfa_hyxw .hyxw_main .hyxw_list ul li { padding: 5vw 2vw; border-color: rgba(0, 0, 0, .05); }

	.hyfa_hyxw .hyxw_main .hyxw_list ul li .info { padding: 0 10px 0 2vw; line-height: 24px; font-size: 14px; }

	.hyfa_hyxw .hyxw_main .hyxw_list ul li .info p{font-size: 14px;}

}

@media screen and (max-width: 768px) {

	.hyfa_hyxw .hyxw_main .hyxw_list ul li { display: block; }

	.hyfa_hyxw .hyxw_main .hyxw_list ul li .img { width: 100%; }

	.hyfa_hyxw .hyxw_main .hyxw_list ul li .info { width: 100%; margin: 12px 0 0; line-height: 30px; max-height: initial !important; padding: 0 10px 0 0; }
}



/* 业务场景 */

.hyfa_ywcj { width: 100%; height: auto; background: url('../images/ywcj_bg.jpg') no-repeat center/cover; overflow: hidden; }

.hyfa_ywcj .ywcj_main { width: 100%; max-width: 1100px; margin: 5.2vw auto; box-sizing: border-box; padding: 0 20px;}

.hyfa_ywcj .ywcj_main .page_title { color: #fff; }

.hyfa_ywcj .ywcj_main .ywcj_list { width: 100%; height: auto; margin: 5vw 0 6vw; overflow: hidden; }

.hyfa_ywcj .ywcj_main .ywcj_list ul li { width: 33.33%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 1.5vw 0; text-align: center; float: left;cursor: pointer; overflow: hidden; }

.hyfa_ywcj .ywcj_main .ywcj_list ul li .img { width: 100px; height: 100px; margin: 0 auto; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.hyfa_ywcj .ywcj_main .ywcj_list ul li .img img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.hyfa_ywcj .ywcj_main .ywcj_list ul li .info { width: 100%; height: auto; margin: 15px 0 0; overflow: hidden; }

.hyfa_ywcj .ywcj_main .ywcj_list ul li .info .title { font-size: 24px; color: #fff; }

.hyfa_ywcj .ywcj_main .ywcj_list ul li .info .text { margin: 20px 0 0; font-size: 18px; font-weight: 100; line-height: 36px; color: #fff; }

.hyfa_ywcj .ywcj_main .ywcj_list ul li .info .text p { margin: 10px 0; }

.hyfa_ywcj .ywcj_main .ywcj_list ul li .info .text p:first-child { margin-top: 0; }

.hyfa_ywcj .ywcj_main .ywcj_list ul li .info .text p:last-child { margin-bottom: 0; }

.hyfa_ywcj .ywcj_main .ywcj_list ul li:hover .img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

.hyfa_ywcj .ywcj_main .ywcj_tips { width: 100%; height: auto; text-align: center; line-height: 36px; font-size: 18px; font-weight: 100; color: #fff; overflow: hidden; }

.hyfa_ywcj .ywcj_main .ywcj_tips i { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; color: #fff; font-size: 14px; border: 1px solid #fff; vertical-align: middle; margin: 0 10px 0 0; }

@media screen and (max-width: 1366px) {

	.hyfa_ywcj .ywcj_main .ywcj_list ul li .info .title{font-size: 20px;}

	.hyfa_ywcj .ywcj_main .ywcj_list ul li .info .text{line-height: 30px;font-size: 16px;}

}

@media screen and (max-width: 990px) {

	.hyfa_ywcj .ywcj_main { max-width: 750px; }

	.hyfa_ywcj .ywcj_main .ywcj_list ul li .info .title { font-size: 18px; }

	.hyfa_ywcj .ywcj_main .ywcj_list ul li .info .text { line-height: 24px; }

	.hyfa_ywcj .ywcj_main .ywcj_list ul li .info .text * { font-size: 14px; }

	.hyfa_ywcj .ywcj_main .ywcj_tips { line-height: 24px; font-size: 14px; }

	.hyfa_ywcj .ywcj_main .ywcj_tips i { width: 18px; height: 18px; line-height: 16px; font-size: 12px; }

}

@media screen and (max-width:768px) {

	.hyfa_ywcj .ywcj_main .ywcj_list ul li .img { width: 60px; height: 60px; }

}

@media screen and (max-width:640px) {

	.hyfa_ywcj .ywcj_main .ywcj_list ul li { width: 100%; padding: 20px 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }

}



/* 集成商的苦恼 */

.hyfa_jcsdkn { width: 100%; height: auto; overflow: hidden; }

.hyfa_jcsdkn .jcsdkn_main { width: 100%; max-width: 1100px; margin: 5.2vw auto; box-sizing: border-box; padding: 0 20px;}

.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list { width: 100%; height: auto; margin: 4.8vw 0 0; }

.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li { width: 33.33%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 1.5vw 0; text-align: center; float: left; cursor: pointer; overflow: hidden; }

.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .img { width: 100px; height: 100px; margin: 0 auto; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .img img { max-width: 100%; vertical-align: middle; }

.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .info { width: 100%; height: auto; margin: 20px 0 0; overflow: hidden; }

.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .info .title { font-size: 24px; color: #4999f2; }

.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .info .text { margin: 20px 0 0; font-size: 18px; font-weight: 100; line-height: 36px; color: #727a82; }

.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .info .text p { margin: 8px 0; }

.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .info .text p:first-child { margin-top: 0; }

.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .info .text p:last-child { margin-bottom: 0; }

.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li:hover .img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

@media screen and (max-width: 1366px) {

	.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .info .title{font-size: 20px;}

	.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .info .text{line-height: 30px;font-size: 16px;}

}

@media screen and (max-width: 990px) {

	.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .info .title { font-size: 18px; }

	.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .info .text { margin: 10px 0 0; line-height: 24px; font-size: 14px; }

	.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .info .text * { font-size: 14px; }

	.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li:hover .img{-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}

}

@media screen and (max-width:768px) {

	.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li .img { width: 60px; height: 60px; }

}

@media screen and (max-width:640px) {

	.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li { width: 100%; padding: 20px 0; border-bottom: 1px solid rgba(0, 0, 0, .05); }

	.hyfa_jcsdkn .jcsdkn_main .jcsdkn_list ul li:last-child { border: 0; }

}



/* 成功案例 */

.hyfa_cgal { width: 100%; height: auto; background: #f5f8fb; overflow: hidden; }

.hyfa_cgal .cgal_main { width: 100%; max-width: 1100px; margin: 5.2vw auto; box-sizing: border-box; padding: 0 20px;}

.hyfa_cgal .cgal_main .cgal_list { width: 100%; height: auto; margin: 3vw 0 0; }

.hyfa_cgal .cgal_main .cgal_list ul { margin: -20px 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.hyfa_cgal .cgal_main .cgal_list ul li { width: 32.46%; height: auto; margin: 20px 0 0; text-align: center; float: left; border-radius: 6px; background: #fff; overflow: hidden; }

.hyfa_cgal .cgal_main .cgal_list ul li a { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 1.6vw; font-size: 24px; font-weight: bold; color: #4999f2; overflow: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.hyfa_cgal .cgal_main .cgal_list ul li a:hover { background: #4999f2; color: #fff; }

@media screen and (max-width: 1366px) {

	.hyfa_cgal .cgal_main .cgal_list ul li a{font-size: 20px;}

}

@media screen and (max-width: 990px) {

	.hyfa_cgal .cgal_main .cgal_list ul li a { font-size: 18px; }

}

@media screen and (max-width: 768px) {

	.hyfa_cgal .cgal_main .cgal_list ul { margin: -2vw 0 0; }

	.hyfa_cgal .cgal_main .cgal_list ul li { width: 49%; margin: 2vw 0 0; }

	.hyfa_cgal .cgal_main .cgal_list ul li a { padding: 15px; font-size: 16px; }

}



/* 行业痛点 */

.hyfa_hytd { width: 100%; height: auto; overflow: hidden; }

.hyfa_hytd .hytd_main { width: 100%; max-width: 1100px; margin: 4.2vw auto; box-sizing: border-box; padding: 0 20px;}

.hyfa_hytd .hytd_main .hytd_list { width: 100%; height: auto; margin: 4vw 0 0; }

.hyfa_hytd .hytd_main .hytd_list ul { margin: -3vw 0 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.hyfa_hytd .hytd_main .hytd_list ul li { width: 50%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 3vw 0 0 0; padding: 0 20px; text-align: center; cursor: pointer; overflow: hidden; }
/*.hyfa_hytd .hytd_main .hytd_list ul li:nth-child(odd){padding-right: 20px;}*/
/*.hyfa_hytd .hytd_main .hytd_list ul li:nth-child(even){padding-left: 20px;}*/

.hyfa_hytd .hytd_main .hytd_list ul li .img { width: 120px; height: 120px; margin: 0 auto; text-align: center; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.hyfa_hytd .hytd_main .hytd_list ul li .img img { max-width: 100%; vertical-align: middle; }

.hyfa_hytd .hytd_main .hytd_list ul li .info { width: 100%; height: auto; margin: 20px 0 0; overflow: hidden; }

.hyfa_hytd .hytd_main .hytd_list ul li .info .title { font-size: 24px; color: #4999f2; }

.hyfa_hytd .hytd_main .hytd_list ul li .info .text { margin: 1.5vw 0 0; line-height: 30px; font-size: 16px; color: #777; }

.hyfa_hytd .hytd_main .hytd_list ul li:hover .img{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}

@media screen and (max-width: 1366px) {

	.hyfa_hytd .hytd_main .hytd_list ul li .info .title{font-size: 20px;}

}

@media screen and (max-width: 990px) {

	.hyfa_hytd .hytd_main { max-width: 750px; margin: 0 auto; }

	.hyfa_hytd .hytd_main .hytd_list { margin: 30px 0; }

	.hyfa_hytd .hytd_main .hytd_list ul li { display: block; }

	.hyfa_hytd .hytd_main .hytd_list ul li .img { width: 100px; margin: 0 auto; }

	.hyfa_hytd .hytd_main .hytd_list ul li .info { width: 100%; margin: 2vw 0 0; padding: 0; text-align: center; }

	.hyfa_hytd .hytd_main .hytd_list ul li .info .title { font-size: 18px; }

	.hyfa_hytd .hytd_main .hytd_list ul li .info .text { line-height: 24px; font-size: 14px; }

}

@media screen and (max-width:480px) {

	.hyfa_hytd .hytd_main .hytd_list ul { margin: 0; }

	.hyfa_hytd .hytd_main .hytd_list ul li { width: 100%; margin: 0; padding: 30px 2vw; border-bottom: 1px solid rgba(0, 0, 0, .05); }

	.hyfa_hytd .hytd_main .hytd_list ul li:last-child { border: 0; }

}



/* 解决方案 */

.hyfa_jjfa { width: 100%; height: auto; background: #f5f8fb; overflow: hidden; }

.hyfa_jjfa .jjfa_main { width: 100%; max-width: 1100px; margin: 4.2vw auto; box-sizing: border-box; padding: 0 20px;}

.hyfa_jjfa .jjfa_main .jjfa_img { width: 100%; height: auto; font-size: 0; margin: 3.6vw 0; text-align: center; overflow: hidden; }

.hyfa_jjfa .jjfa_main .jjfa_img img { max-width: 100%; }

.hyfa_jjfa .jjfa_main .jjfa_list { width: 100%; height: auto; margin: 3.6vw 0 0; }

.hyfa_jjfa .jjfa_main .jjfa_list ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.hyfa_jjfa .jjfa_main .jjfa_list ul li { width: 46.85%; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 3vw 0 0; padding: 2vw; border-radius: 16px; background: #fff; cursor: pointer; overflow: hidden; }

.hyfa_jjfa .jjfa_main .jjfa_list ul li .info { width: 100%; height: 40px; line-height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; }

.hyfa_jjfa .jjfa_main .jjfa_list ul li .info .icon { width: 40px; height: 40px; text-align: left; overflow: hidden; }

.hyfa_jjfa .jjfa_main .jjfa_list ul li .info .icon img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.hyfa_jjfa .jjfa_main .jjfa_list ul li .info .title { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 0 0 10px; font-size: 24px; color: #4999f2; }

.hyfa_jjfa .jjfa_main .jjfa_list ul li .text { width: 100%; height: auto; margin: 15px 0 0; line-height: 32px; font-size: 16px; color: #727a82; overflow: hidden; }

.hyfa_jjfa .jjfa_main .jjfa_list ul li:hover{-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);box-shadow: 0 0 20px rgba(0, 0, 0, .05)}

@media screen and (max-width: 1366px) {

	.hyfa_jjfa .jjfa_main .jjfa_list ul li .info .title{font-size: 20px;}

	.hyfa_jjfa .jjfa_main .jjfa_list ul li .text{line-height: 30px;}

}

@media screen and (max-width: 990px) {

	.hyfa_jjfa .jjfa_main { max-width: 750px; margin: 0 auto; }

	.hyfa_jjfa .jjfa_main .jjfa_list { margin: 3.6vw 0; }

	.hyfa_jjfa .jjfa_main .jjfa_list ul li { width: 49%; border-radius: 5px; }

	.hyfa_jjfa .jjfa_main .jjfa_list ul li .info { height: 20px; line-height: 20px; }

	.hyfa_jjfa .jjfa_main .jjfa_list ul li .info .icon { width: 20px; height: 20px; }

	.hyfa_jjfa .jjfa_main .jjfa_list ul li .info .title { font-size: 18px; }

	.hyfa_jjfa .jjfa_main .jjfa_list ul li .text { line-height: 24px; font-size: 14px; }

}

@media screen and (max-width:768px) {

	.hyfa_jjfa .jjfa_main .jjfa_list ul li { padding: 20px 15px; }

	.hyfa_jjfa .jjfa_main .jjfa_list ul li .info .title { font-size: 18px; }

}

@media screen and (max-width:480px) {

	.hyfa_jjfa .jjfa_main .jjfa_list ul li { width: 100%; }

}



/* 行业方案详情页 结束 */



/* 分页 */

.pager_list{width: 100%;height: auto;line-height: 24px;font-size: 0;text-align: center;margin: 0 auto 3vw;overflow: hidden;}

.pager_list a, .pager_list i, .pager_list span{display: inline-block;font-size: 18px;margin: 0 10px;color: #727a82;position: relative;vertical-align: middle;}

.pager_list a.active::before{content: ''; width: 100%; height: 2px; background: #4999f2; position: absolute; bottom: 0; left: 0;}

.pager_list a.active, .pager_list a:hover{color: #4999f2;}

.pager_list input{width: 40px;height: 24px;box-sizing: border-box;border: 1px solid #e7e7e7;border-radius: 3px;text-align: center;font-size: 14px;}

@media screen and (max-width: 1366px) {

	.pager_list{margin-bottom: 30px;}

}

/* 2022/5/9 程序新增css样式  start*/

.pager_list{

	display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

}



/* 2022/5/9 程序新增css样式  end*/



/* 2022/4/22 新增页面渠道合作 */

/* 渠道市场资讯 */
.inside_hot_news { width: 100%; height: auto; }
.inside_hot_news .center_box { width: 100%; max-width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
@media (max-width:1280px) {
  .inside_hot_news .center_box { padding: 0 40px; }
}
@media (max-width:1024px) {
  .inside_hot_news .center_box { padding: 0 30px; }
}
@media (max-width:990px) {
  .inside_hot_news .center_box { padding: 0 20px; }
}
.inside_hot_news .news_box { width: 100%; height: 60px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; overflow: hidden; }
.inside_hot_news .news_box .headtitle { width: auto; height: auto; font-size: 18px; color: #4999f2; }
.inside_hot_news .news_box .swiper_box { width: 100%; flex: 1; height: 100%; }
.inside_hot_news .news_box .swiper_box ul { width: 100%; height: auto; }
.inside_hot_news .news_box .swiper_box ul li { width: 100%; height: 60px; line-height: 60px; }
.inside_hot_news .news_box .swiper_box ul li a { width: 100%; height: 100%; display: block; font-size: 18px; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.inside_hot_news .news_box .swiper_box ul li a:hover { color: #4999f2; }
@media (max-width:1440px) {
  .inside_hot_news .news_box .headtitle, .inside_hot_news .news_box .swiper_box ul li a { font-size: 16px; }
}
@media (max-width:1024px) {
  .inside_hot_news .news_box .headtitle, .inside_hot_news .news_box .swiper_box ul li a { font-size: 14px; }
}
.inside_cooperation { width: 100%; height: auto; overflow: hidden; }
.inside_cooperation img { max-width: 100%; max-height: 100%; }
.inside_cooperation .center_box { width: 100%; max-width: 1200px; height: auto; margin: 0 auto; position: relative; z-index: 5; }
@media (max-width:1280px) {
  .inside_cooperation .center_box { padding: 0 40px; }
}
@media (max-width:1024px) {
  .inside_cooperation .center_box { padding: 0 30px; }
}
@media (max-width:990px) {
  .inside_cooperation .center_box { padding: 0 20px; }
}
.inside_cooperation .inside_title { width: 100%; height: auto; }
.inside_cooperation .inside_title .title { width: 100%; height: auto; font-size: 36px; text-align: center; color: #4999f2; line-height: 1; }
@media (max-width:1560px) {
  .inside_cooperation .inside_title .title { font-size: 32px; }
}
@media (max-width:1280px) {
  .inside_cooperation .inside_title .title { font-size: 28px; }
}
@media (max-width:1024px) {
  .inside_cooperation .inside_title .title { font-size: 24px; }
}
.inside_cooperation .cooperation_1 { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden; }
.inside_cooperation .cooperation_1 .cooperation_box { width: 100%; height: auto; padding: 176px 0; }
.inside_cooperation .cooperation_1 .cooperation_box .cooperation_main { width: 100%; height: auto; margin-top: 40px; }
.inside_cooperation .cooperation_1 .cooperation_box .cooperation_main .details { width: 100%; max-width: 900px; height: auto; margin: 0 auto; text-align: center; font-weight: 300; font-size: 16px; color: #777; line-height: 2.25; }
.inside_cooperation .cooperation_1 .cooperation_box .cooperation_main .details * { font-size: 16px; }
@media (max-width:1024px) {
  .inside_cooperation .cooperation_1 .cooperation_box { padding: 80px 0; }
  .inside_cooperation .cooperation_1 .cooperation_box .cooperation_main { margin-top: 20px; }
  .inside_cooperation .cooperation_1 .cooperation_box .cooperation_main .details { font-size: 14px; }
  .inside_cooperation .cooperation_1 .cooperation_box .cooperation_main .details * { font-size: 14px; }
}
.inside_cooperation .cooperation_1 .images { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.inside_cooperation .cooperation_1 .images img { width: 100%; height: 100%; object-fit: cover; }
.inside_cooperation .cooperation_2 { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden; }
.inside_cooperation .cooperation_2 .cooperation_box { width: 100%; height: auto; padding: 80px 0 100px; }
.inside_cooperation .cooperation_2 .cooperation_box .cooperation_main { width: 100%; height: auto; margin-top: 50px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 2vw 3vw; }
.inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item { width: 100%; height: auto; padding: 2.56vw; border-radius: 20px; box-shadow: 0 0 15px 15px #f3f6fa; position: relative; }
.inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .info { width: 100%; height: auto; position: relative; z-index: 2; }
.inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .info .title { width: 100%; height: auto; font-size: 24px; color: #4999f2; }
.inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .info .details { width: 100%; max-width: 400px; height: 6em; margin-top: 1em; font-size: 20px; font-weight: 300; line-height: 2; color: #777; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .img { width: 100%; height: 100%; padding: 2.56vw; padding-right: 0; position: absolute; right: 0; top: 0; z-index: 1; text-align: right; font-size: 0; }
.inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .img img { transform: translateX(5%); }
@media (max-width:1440px) {
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .info .title { font-size: 22px; }
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .info .details { font-size: 18px; }
}
@media (max-width:1280px) {
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .info .title { font-size: 20px; }
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .info .details { font-size: 16px; }
}
@media (max-width:1024px) {
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main { margin-top: 40px; grid-gap: 20px; }
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item { padding: 30px 20px; border-radius: 10px; }
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .info .title { font-size: 20px; }
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .info .details { font-size: 16px; }
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .img { padding: 30px 20px; }
}
@media (max-width:768px) {
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main { grid-template-columns: 100%; }
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .info .title { font-size: 18px; }
  .inside_cooperation .cooperation_2 .cooperation_box .cooperation_main .item .info .details { font-size: 14px; }
}
@media (max-width:1024px) {
  .inside_cooperation .cooperation_2 .cooperation_box { padding: 50px 0; }
}
.inside_cooperation .cooperation_3 { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden; }
.inside_cooperation .cooperation_3 .cooperation_box { width: 100%; height: auto; padding: 80px 0 105px; }
.inside_cooperation .cooperation_3 .cooperation_box .inside_title .title { color: #fff; }
.inside_cooperation .cooperation_3 .cooperation_box .cooperation_main { width: 100%; height: auto; margin-top: 60px; }
.inside_cooperation .cooperation_3 .cooperation_box .cooperation_main .img { width: 100%; height: auto; text-align: center; font-size: 0; }
.inside_cooperation .cooperation_3 .cooperation_box .cooperation_main .mobile { display: none; }
@media (max-width:1024px) {
  .inside_cooperation .cooperation_3 .cooperation_box { padding: 60px 0; }
  .inside_cooperation .cooperation_3 .cooperation_box .cooperation_main { margin-top: 40px; }
}
@media (max-width:990px) {
  .inside_cooperation .cooperation_3 .cooperation_box .cooperation_main .pc { display: none; }
  .inside_cooperation .cooperation_3 .cooperation_box .cooperation_main .mobile { display: block; }
}
.inside_cooperation .cooperation_3 .images { width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; text-align: right; font-size: 0; }
.inside_cooperation .cooperation_3 .images img { width: 100%; height: 100%; object-fit: cover; }
.inside_cooperation .cooperation_4 { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden; }
.inside_cooperation .cooperation_4 .center_box { max-width: 1400px; }
@media (max-width:1560px) {
  .inside_cooperation .cooperation_4 .center_box { max-width: 1200px; }
}
@media (max-width:1280px) {
  .inside_cooperation .cooperation_4 .center_box { max-width: 1100px; }
}
@media (max-width:1024px) {
  .inside_cooperation .cooperation_4 .center_box { max-width: 100%; }
}
.inside_cooperation .cooperation_4 .cooperation_box { width: 100%; height: auto; padding: 80px 0; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main { width: 100%; height: auto; position: relative; z-index: 1; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box { width: 100%; height: auto; margin-top: 50px; padding: 30px 30px 40px; overflow: hidden; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item { width: 100%; height: auto; border-radius: 20px; box-shadow: 0 0 15px 15px #f3f6fa; overflow: hidden; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item .img { width: 100%; height: auto; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item .img .pb { width: 100%; height: 0; padding-bottom: 50.95238%; position: relative; overflow: hidden; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item .img .ab { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item .img img { width: 100%; height: 100%; object-fit: cover; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item .info { width: 100%; height: auto; padding: 40px 40px 40px 50px; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item .info .title { width: 100%; height: auto; font-size: 28px; color: #4999f2; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item .info .details { width: 100%; height: 11.25em; margin-top: 1em; padding-right: 10px; font-size: 16px; font-weight: 300; line-height: 2.25; color: #777; overflow: hidden; overflow-y: auto; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_btn { width: auto; height: 100%; position: absolute; top: 50%; cursor: pointer; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_btn.prev { left: 0; transform: translate(-300%, -50%); }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_btn.next { right: 0; transform: translate(300%, -50%); }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_pager { width: 100%; height: auto; display: none; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_pager .pager { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_pager .pager span { width: 40px; height: 2px; margin: 0 5px; border-radius: 0; background: #000; opacity: .1; }
.inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_pager .pager span.active { background: #4999f2; opacity: 1; }
@media (max-width:1280px) {
  .inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item .info .title { font-size: 24px; }
  .inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_btn.prev { left: 0; transform: translate(-150%, -50%); }
  .inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_btn.next { right: 0; transform: translate(150%, -50%); }
}
@media (max-width:1024px) {
  .inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box { margin-top: 20px; padding: 30px 0 40px; overflow: visible; }
  .inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item .info { padding: 30px 20px 20px 30px; }
  .inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item .info .title { font-size: 20px; }
  .inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_box .item .info .details { font-size: 14px; }
  .inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_btn { display: none; }
  .inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_pager { display: block; }
  .inside_cooperation .cooperation_4 .cooperation_box .cooperation_main .swiper_pager .pager span { width: 30px; }
}
@media (max-width:1024px) {
  .inside_cooperation .cooperation_4 .cooperation_box { padding: 50px 0; }
}
.inside_cooperation .cooperation_5 { width: 100%; height: auto; position: relative; z-index: 1; overflow: hidden; }
.inside_cooperation .cooperation_5 .cooperation_box { width: 100%; height: auto; padding: 80px 0 105px; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main { width: 100%; max-width: 600px; height: auto; margin: 60px auto 0; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item { width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; grid-gap: 1.5vw; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .label { width: 30%; height: 40px; line-height: 40px; text-align: right; font-size: 20px; color: #777; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .label span { color: #f00; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input { width: 100%; flex: 1; height: auto; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input input[type="text"] { width: 100%; height: 40px; padding: 0 10px; border: 1px solid #e1e6e9; background: #fff; font-size: 16px; color: #000; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input textarea { width: 100%; height: auto; min-height: 120px; padding: 10px; border: 1px solid #e1e6e9; background: #fff; font-size: 16px; line-height: 1.5; color: #000; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input input[type="text"]::-webkit-input-placeholder,
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input input[type="text"]:-moz-placeholder,
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input input[type="text"]::-moz-placeholder,
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input input[type="text"]:-ms-input-placeholder,
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input textarea::-webkit-input-placeholder,
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input textarea:-moz-placeholder,
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input textarea::-moz-placeholder,
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input textarea:-ms-input-placeholder { color: #ccc; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input input[type="submit"] { width: 100%; max-width: 120px; height: 40px; line-height: 40px; padding: 0; border-radius: 5px; border: 0; background: #4999f2; font-size: 16px; color: #fff; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input input[type="button"] { width: 100%; max-width: 120px; height: 40px; line-height: 40px; padding: 0; border-radius: 5px; border: 0; background: #4999f2; font-size: 16px; color: #fff; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .img { width: 100px; height: 40px; border: 1px solid #e1e6e9; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .img img { width: 100%; height: 100%; object-fit: cover; }
.inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item:first-child ~ .item { margin-top: 20px; }
@media (max-width:1024px) {
  .inside_cooperation .cooperation_5 .cooperation_box { padding: 50px 0; }
  .inside_cooperation .cooperation_5 .cooperation_box .cooperation_main { margin: 30px auto 0; }
  .inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item { grid-gap: 10px; }
  .inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .label { font-size: 14px; }
  .inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input input[type="text"], .inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input textarea, .inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .input input[type="submit"] { font-size: 14px; }
}
@media (max-width:768px) {
  .inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item { flex-wrap: wrap; -ms-flex-wrap: wrap; }
  .inside_cooperation .cooperation_5 .cooperation_box .cooperation_main .item .label { width: 100%; height: auto; line-height: 1; text-align: left; }
}
.inside_cooperation .cooperation_5 .images { width: 100%; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; text-align: right; font-size: 0; }
.inside_cooperation .cooperation_5 .images img { width: 100%; height: 100%; object-fit: cover; }