/******************************************************** 移动端样式 ********************************************************/

@media screen and (max-width: 1200px) {
	body {
		padding-top: 65px;
		overflow-x: hidden;
	}
	body.noscroll {
		overflow: hidden;
		height: 100%;
	}
	.header {
		position: fixed;
		background: #fff;
	}
	.header.fixheader {
		background: #fff;
		border: 0;
	}
	.header .trslogo {
		display: none;
	}
	.header .trslogo2 {
		display: block;
	}
	.head {
		margin: 0 0;
		min-height: auto;
		z-index: 1004;
	}
	.head:after, .logo:after {
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
		visibility: hidden;
	}
	.logo {
		position: absolute;
		padding: 10px 15px;
		width: 100%;
		top: 0;
		z-index: 1004;
		background: #fff;
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.07);
	}
	.logo a {
		float: left;
	}
	.logo img {
		height: 45px;
	}
	.nav_icon {
		position: relative;
		display: block;
		float: right;
		width: 24px;
		height: 20px;
		margin-top: 12px;
	}
	.nav_icon .nav_icon_line {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 24px;
		height: 2px;
		background: #333;
		border-radius: 3px;
	}
	.nav_icon .nav_icon_line:nth-child(2) {
		top: 9px;
	}
	.nav_icon .nav_icon_line:nth-child(3) {
		top: 9px;
	}
	.nav_icon .nav_icon_line:nth-child(4) {
		top: 18px;
	}
	.nav_icon.on .nav_icon_line:nth-child(1) {
		opacity: 0;
	}
	.nav_icon.on .nav_icon_line:nth-child(2) {
		transform: rotate(45deg);
	}
	.nav_icon.on .nav_icon_line:nth-child(3) {
		transform: rotate(-45deg);
	}
	.nav_icon.on .nav_icon_line:nth-child(4) {
		opacity: 0;
	}
	.nav_box {
		/*display: none;*/
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		top: -100%;
		opacity: 0;
		transition: 0.8s;
		z-index: 1002;
	}
	.nav_box.active {
		display: block;
		top: 65px;
		opacity: 1;
		background: #fff;
		transition: 0.4s;
	}
	.main_nav {
		display: block;
		padding: 10px 0
	}
	.main_nav li {
		text-align: center;
	}
	.main_nav li a {
		padding: 0 20px;
		display: inline-block;
		height: 60px;
		line-height: 60px;
		color: #333;
	}
	.main_nav li a:hover {
		color: #007aff;
	}
	.main_nav li a.on {
		color: #007aff;
	}
	.main_nav li a.on:before {
		background: #007aff;
		left: 0;
		right: 0;
		bottom: 2px;
		width: 100%;
	}
	.header.fixheader .main_nav li a.on:before {
		left: 0;
		right: 0;
		bottom: 2px;
	}
	.header2 .main_nav {
		float: none;
	}
	.header2 .main_nav > li {
		float: none;
	}
	.main_nav > li:hover .seconds_nav {
		padding: 20px 20px;
		display: none;
	}
	/* 首页--video */
	.overlay_title {
		font-size: 32px;
		line-height: 1.5;
	}
	.overlay_title em {
		font-style: normal;
		display: block;
	}
	.video_main {
		height: 50vh;
	}
	.video_main .video_con {
		height: 50vh;
	}
	/* 首页--产品中心 */
	.core-wrap {
		width: 100%;
		padding: 15px 0;
	}
	.core-wrap > h2 {
		margin-bottom: 10px;
		padding: 10px 0;
		font-size: 28px;
	}
	.core-wrap > h2 a {
		display: block;
		font-size: 30px;
	}
	.core-wrap ul {
		left: 0;
		flex-wrap: nowrap;
	}
	.core-wrap ul li {
		width: 100%;
	}
	.core-wrap ul li a, .core-wrap ul li img {
		display: block;
		width: 100%;
		height: 240px;
	}
	.core-wrap ul li > h4 {
		font-size: 20px;
		margin: 10px 0;
		padding: 0 10px;
	}
	.core-wrap ul li div {
		padding: 0 10px;
		height: 55px;
	}
	.core-wrap ul li div p {
		font-size: 15px;
		line-height: 1.5;
	}
	.swiper-pagination {
		display: block;
	}
	.swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 0px;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: 10px;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: 10px;
	}
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 20px;
		color: #fff;
	}
	/* 首页--解决方案 */
	.index-business .head .wal {
		padding-top: 15px;
	}
	.index-title {
		padding: 0 10px;
	}
	.index-title h2 {
		padding-bottom: 0;
	}
	.index-title h2 a {
		font-size: 28px;
	}
	.index-business .head .index-title p {
		font-size: 16px;
	}
	.index-business .head .btn {
		position: relative;
		left: 0;
		right: 0;
		top: 20px;
		padding: 0 10px;
	}
	.index-business .head .btn li {
		padding-top: 4px;
		margin-left: 0;
		margin-right: 19px;
		width: 50px;
		height: 52px;
		font-size: 16px;
		line-height: 22px;
	}
	.index-business .head .btn li:after {
		left: -9px;
		top: 63%;
		height: 38px;
	}
	.index-business .list ul {
		height: 380px;
	}
	.index-business .list li {
		height: 380px;
		padding-top: 200px;
	}
	.index-business .list li .wal {
		padding: 0 10px;
	}
	.index-business .list h3 {
		font-size: 20px;
	}
	.index-business .list p {
		font-size: 14px;
		padding: 5px 0 10px 0;
	}
	a.p-more {
		width: 70px;
		font-size: 16px;
	}
	a.p-more:before {
		width: 30px;
		background-size: auto 8px;
	}
	/* 首页--新闻 */
	.card-title {
		font-size: 28px;
	}
	.card-title a {
		font-size: 28px;
	}
	.p-news {
		margin-top: 0;
		padding: 10px 0 0;
		background: #f9f9f9 url(../images/contact_bg.png) repeat-y center center;
		background-size: cover;
		background-attachment: fixed;
	}
	.p-news .news-container {
		margin-top: 10px;
		flex-wrap: wrap;
	}
	.p-news .news-container .news-item {
		width: 100%;
		background: none;
	}
	.p-news .adv-container {
		display: none;
	}
	/* 产品中心 */
	.product_tab {
		margin-top: 0;
	    margin-bottom: 10px;
	    height: 60px;
	    width: 100%;
	    box-shadow: none;
	    border-bottom: 1px solid #eee;
	    overflow-x: auto;
	    display: block;
	    white-space: nowrap;
	}
	.product_tab .product_tabItem {
	    display: inline-block;
	    width: auto;
	    height: 60px;
	    line-height: 60px;
	    padding: 0 20px;
	}
	.product_tab .product_tabItem img {
	    margin-right: 5px;
	}
	.product_list li {
		padding: 20px 0;
	}
	.product_list li .product_list_con, .product_list li .product_list_img {
		width: 100%;
	}
	.product_list li .product_list_img img {
		float: none;
		margin: 0 auto;
		width: 70%;
	}
	.product_list li .product_list_img.fl img {
		float: none;
	}
	.product_list li .product_list_con h5 {
		font-size: 22px;
		padding: 5px 15px;
		line-height: 34px;
	}
	.product_list li .product_list_con h5:before {
		left: -5px;
		top: 16px;
		width: 12px;
		height: 12px;
	}
	.product_list li .product_list_con p {
		width: 100%;
		padding: 0 15px;
		margin-bottom: 10px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		word-break: break-all;
		font-size: 15px;
	}
	.product_list li .product_list_con a {
		float: none;
		display: block;
		width: 116px;
		margin: 0 auto;
		text-align: center;
	}
	.pagination {
		padding: 0 20px;
		margin-top: 10px;
	}
	.pagination .pagination-item {
		margin-right: 8px;
	}
	.products_box {
		padding: 20px 0;
	}
	.products_box h3 {
		font-size: 24px;
		margin-bottom: 0px;
	}
	.products_box p {
		text-indent: 0;
	}
	.products_box p img {
		max-width: 100% !important;
	}
	/* foot */
	.footer {
		padding: 10px 0;
	}
	.footer-inner {
		width: 100%;
		padding: 0 0;
	}
	.footer-inner > ul {
		float: none;
		margin: 0;
		padding: 0 12px;
		margin-bottom: 20px;
	}
	.footer-l {
		padding: 0 12px;
	}
	.footer-r {
		margin: 30px 0 0;
		padding: 0 15px;
	}
	.qr_code {
		position: static;
		margin: 30px auto 0;
		width: 100%;
		text-align: center;
	}
	.footer-inner > ul > li img {
		/*width: 140px;*/
		/*margin-bottom: 5px;*/
	}
	.footer-inner > ul > li {
		font-size: 14px;
		margin-bottom: 10px;
		opacity: 0.55;
	}
	.footer-l li:nth-of-type(1) {
		opacity: 0.8;
	}
	.footer-l li:nth-of-type(2) {
		font-size: 17px;
	}
	.qr_code > p {
		padding: 10px 0;
	}
	/* 招聘 */
	.job_list ul li {
		padding: 10px 0;
	}
	.job_list ul li a {
		display: block;
		width: 100%;
	}
	.job_list .job_img {
		margin: 0 auto 0;
		width: 100%;
		height: 350px;
		display: none;
	}
	.job_list .job_img img {
		border-radius: 3px;
	}
	.job_list .job_txt {
		margin: 0;
		padding: 0px 15px;
		width: 100%;
	}
	.job_list .job_txt h3 {
		font-size: 24px;
		margin-bottom: 0px;
		line-height: 30px;
	}
	/* 解决方案 */
	.wrap {
		width: 100%;
		padding: 0 15px;
	}
	.wrap:after {
		content: "";
		display: block;
		height: 0;
		clear: both;
		overflow: hidden;
		visibility: hidden;
	}
	.solutions_list li {
		width: 100%;
		padding: 0 0;
		margin-bottom: 20px;
	}
	.news-banner-container {
		padding-top: 30px;
		height: 180px !important;
	}
	.solutions_list li a {
		height: 370px;
	}
	.solutions_list li a .s_l_hover {
		display: none;
	}
	.module-narrow {
		padding: 0 0 15px;
	}
	/* 公司简介 */
	.module {
		padding: 15px 15px;
	}
	.module .wrap {
		width: 100%;
		padding: 0;
		padding-bottom: 20px;
	}
	.index-2 .video {
		width: 100%;
		margin-top: 15px;
		margin-bottom: 5px;
	}
	.module img {
		width: 100%;
	}
	.module .title-left {
		width: 100%;
	}
	.index-2 .title p {
		width: 100%;
		padding-top: 10px;
		line-height: 1.8;
	}
	.module .title h2 {
		font-size: 24px;
		font-weight: normal;
	}
	.title {
		margin-bottom: 20px;
	}
	.create_view {
		width: 100%;
	}
	.culture-list2 {
		margin-top: 0;
		overflow: visible;
		flex-wrap: nowrap;
		justify-content: flex-start;
		align-items: stretch;
		flex-direction: column;
	}
	.culture-list2 li {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.culture-list2 li img {
		height: 200px;
	}
	.culture-list2 li .li-bg h4 {
		margin-top: 45px;
		line-height: 1.2;
		font-weight: bold;
	}
	.culture-list2 li .li-bg h4 span {
		font-size: 14px;
	}
	.culture-list2 li .li-bg .bottom {
		opacity: 1;
		bottom: 30px;
	}
	.culture-list2 li .li-bg p {
		font-size: 15px;
	}
	.corporate-card-image {
		margin-bottom: 15px;
	}
	.corporate-card-title {
		margin-bottom: 5px;
	}
	.module .swiper-button-next, .module .swiper-button-prev {
		margin-top: 1px;
	}
	.corporate-chessboard-item-container {
		width: 100%;
		overflow: visible;
	}
	.corporate-card {
		width: 100%;
		padding: 0 0;
		margin-bottom: 0;
	}
	.module .fr img {
		margin-bottom: 15px;
	}
	.corporate-chessboard-item-container ~ .swiper-pagination-bullets {
		bottom: -2px;
	}
	.corporate-chessboard-item-container ~ .swiper-button-next:after, .corporate-chessboard-item-container ~ .swiper-button-prev:after {
		color: #fff;
	}
	.corporate-chessboard-item-container ~ .swiper-button-prev {
		left: -5px;
	}
	.corporate-chessboard-item-container ~ .swiper-button-next {
		right: -5px;
	}
	.corporate-chessboard-item-container ~ .swiper-button-next, .corporate-chessboard-item-container ~ .swiper-button-prev {
		top: 25%;
	}
	/* 新闻动态 */
	.page-content {
		width: 100%;
		max-width: 100%;
		padding-top: 15px;
		padding-bottom: 30px;
	}
	.news-container .news-wrap .news-item {
		display: block;
		padding: 15px 15px;
		margin-bottom: 10px;
		border-top: 1px solid #eee;
	}
	.news-container .news-wrap .news-item .pic {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		margin-right: 0;
	}
	.news-container .news-wrap .news-item:first-child {
		border-top: 0;
	}
	.news-container .news-wrap .news-item:last-child {
		border-bottom: 0;
	}
	.news-container .news-wrap .news-item .content .title {
		line-height: 1.5;
		text-align: left;
	}
	.news-container .news-wrap .news-item .content .desc {
		margin-bottom: 10px;
	}
	.item_box {
		padding: 15px 15px;
	}
	.type_page .title {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.type_page {
		width: 100% !important;
	}
	.news_box .text_box p img {
		max-width: 100%;
	}
	.news_box .text_box p {
		margin-bottom: 10px;
	}
	.newsList_l a {
		height: 287px;
	}
	/**/
	.news-banner-container .title {
		font-size: 30px;
		line-height: 44px;
	}
	.news-banner-container .desc {
		padding: 0 15px;
		font-size: 18px;
		line-height: 26px;
	}
	.p-news .adv_container {
		display: none !important;
	}
	/******************************************************** 09.15 ********************************************************/
	.index_key_con, .newsList, .key_pList, .common-container, .newsList_l, .newsList_r {
		width: 100%;
	}
	body, html {
		width: 100%;
	}
	#container-2 .jscp-list {
		flex-direction: column;
	}
	#container-2 .jscp-list > li {
		background-size: cover;
	}
	#container-2 .jscp-list .shrink {
		width: 100%;
		background-size: cover;
	}
	#container-2 .jscp-list .shrink .shrink-content .underline {
		margin-bottom: 10px;
	}
	#container-2 .jscp-list .shrink .shrink-content img {
		margin-top: 40px;
		margin-bottom: 20px;
	}
	#container-2 .jscp-list .shrink .shrink-content figcaption {
		margin-bottom: 30px;
		font-size: 18px;
	}
	#container-2 .jscp-list .extend {
		width: 100%;
	}
	#container-2 .jscp-list .extend .extend-content {
		display: none;
	}
	#container-2 .jscp-list .extend .shrink-content {
		display: block;
	}
	#container-2 .jscp-list .extend .shrink-content figcaption {
		margin-bottom: 30px;
		font-size: 24px;
	}
	#container-2 .jscp-list .extend .shrink-content .underline {
		width: 27px;
		margin: 0 auto 10px auto;
	}
	#container-2 .jscp-list .extend .shrink-content img {
		width: auto;
		height: 59px;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	.key_pList .key_pList_item {
		width: 100%;
		padding: 0;
	}
	.swiper-slide-active, .swiper-slide-duplicate-active {
		transform: scale(1);
	}
	.index_key, .index_news {
		padding: 20px 0;
	}
	.key_pList {
		padding: 20px 0;
		margin: 0;
	}
	.key_pList_con span {
		margin-bottom: 15px;
	}
	.title-1 {
		font-size: 26px;
	}
	.title-2 {
		margin-bottom: 0;
	 
	}
	.newsList_r .newsList_item {
		padding-left: 10px;
		padding-right: 10px;
		border-bottom: 1px solid #eee;
	}
	.newsList_item h5 {
		width: 70%;
	}
	#container-2 .jscp-list {
		height: auto;
		margin-top: 20px;
	}
	.s_banner_title {
		width: 100%;
	}
	.s_banner_title h1 {
		font-size: 26px;
		padding: 0 15px;
	}
	.s_banner_title p {
		font-size: 15px;
		padding: 0 15px;
	}
	.s_module {
		width: 100%;
		padding: 0 15px;
	}
	.s_advantage .s_advantage_item {
		width: 50%;
	}
	.s_plan_item {
		width: 100%;
		margin-bottom: 30px;
		padding: 0;
	}
	.s_casesList_item {
		width: 100%;
	}
	.customer .customer_item {
		width: 50%;
	}
	.s_option_item, .s_value_item {
		width: 100%;
	}
	.s_ans_item a {
		padding: 50px 10px;
	}
	.s_ans_list {
		padding: 0;
	}
	.s_ans_item {
		padding: 0;
	}
	.s_ans_item .s_ans_icon {
		position: static;
		transform: translateY(0);
		margin: 0 auto;
	}
	.s_ans_item {
		text-align: center;
	}
	.s_ans_item span {
		transform: translateY(0);
		position: static;
		margin: 0 auto;
	}
	.s_ans_item h5 {
		width: 100%;
	}
	.s_ans_item p {
		width: 100%;
		margin-bottom: 15px;
	}
	.newsList {
		padding: 20px 0;
		margin: 0;
	}
	#container-2 {
		padding: 20px 0 0;
	}
	.header2 .main_nav > li > a {
		color: #333;
	}
	.header2 .main_nav > li > a.on {
		color: #007aff;
		font-weight: bold;
	}
	.header2 .main_nav > li > a.on:before {
		background: #007aff;
	}
	/* 2023年10月10日  */
	.focus_main {
		height: 55vh;
	}
	.focus_container .img {
		min-height: 55vh;
	}
	.focus_title h5 {
		font-size: 30px;
		padding: 0 20px;
		line-height: 1.3;
		margin-bottom: 20px;
		letter-spacing: 0;
		flex-direction: column;
	}
	.focus_title img {
    		height: 70px;
	}
	.focus_title p {
		font-size: 18px;
		padding: 0 20px;
		line-height: 1.3;
	}
	.focus_title .btn_box {
		padding: 0 10px;
		/* flex-wrap: wrap; */
		margin-bottom: 20px;
	}
	.focus_title .btn {
		/* width: 25%; */
		width: 70px;
		height: 70px;
		font-size: 12px;
		letter-spacing: 0px;
		border: 1px solid #fff;
		line-height: 1;
		margin: 0 0px;
		/* border-right: 0; */
		padding: 0 10px;
		border-radius: 50px;
		margin: 0 5px;
	}
	/*.focus_title .btn:nth-child(1) {
		border-bottom: 0;
	}
	.focus_title .btn:nth-child(2) {
		border-right: 1px solid #fff;
		border-bottom: 0;
	}*/
	.focus_title .btn:last-child {
		border-right: 1px solid #fff;
		/* border-radius: 50px; */
	}
	.focus_main .swiper-pagination-bullet {
		width: 40px;
	}
	.focus_main .swiper-button-next, .focus_main .swiper-button-prev {
		line-height: 30px;
		text-align: center;
	}
	.focus_main .swiper-button-prev, .focus_main .swiper-container-rtl .swiper-button-next {
		left: 0px;
	}
	.focus_main .swiper-button-next, .focus_main .swiper-container-rtl .swiper-button-prev {
		right: 0px;
	}
	.focus_main .swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 15px;
	}
}