@charset "utf-8";

.header {
	position: relative;
}
/*--------------------------------------------------------------------------通用样式--------------------------------------------------------------------------*/
.hoverable { position: relative; overflow:hidden; z-index: 0; transition: all 0.3s ease; }
.hoverable:hover { transform:translateY(-5px);  }
.anim { transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; z-index: -1; }
.anim:before {  position: relative; content: ""; display: block; margin-top: 100%; }
.anim:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.hoverable .anim { animation: anim-out .75s; }
.hoverable .anim:after { animation: anim-out-pseudo .75s; }
.hoverable .anim, .hoverable .anim:after { animation-iteration-count: infinite; animation-duration: 1.3s; }
@keyframes anim-in { 0%{width:0}100%{width:100%}}
@keyframes anim-in-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} }
@keyframes anim-out { 0%{width:0}100%{width:100%} }
@keyframes anim-out-pseudo { 0%{background:rgba(0,0,0,0.25)}100%{background:transparent} }
.blue-more { display: inline-block; box-sizing: border-box;  padding:1.6vh 2vw; background: #385b7b; color:#fff; border-radius: 100px;  position: relative;  transition: all 0.3s ease;}
.blue-more i { display: inline-block; font-size: 18px; float:right;  }
.red-more { display: inline-block; box-sizing: border-box;  padding:1.6vh 2vw; background: #861e32; color:#fff; border-radius: 100px;  position: relative;  transition: all 0.3s ease;}
.red-more i { display: inline-block; font-size: 18px; float:right;  }
.line-more { display: inline-block; box-sizing: border-box; padding:1.4vh 2vw; background: #fff; color:#fff; border:2px solid #385b7b; color:#385b7b; border-radius: 100px;  position: relative; margin:4vh 0 0; transition: all 0.3s ease;}
.line-more:hover { background: #385b7b; border:2px solid #385b7b; color:#fff;  }
.white-more { display: inline-block; box-sizing: border-box; padding:1.6vh 2vw; background: #fff;  color:#2a2723; border-radius: 100px;  position: relative;  transition: all 0.3s ease;}
.white-more i { display: inline-block; font-size: 18px; float:right;  }
.iboxbg { background-position: center center; background-size:cover; background-repeat: no-repeat;}
.hdiv { width:100%; height: 100px; }
.mhdiv { width:100%; height:64px; display: none; }
.mask { width:100%; height:100%; overflow:hidden; cursor:pointer; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:999;}
.pc-cc { display: block; } 
.m-cc { display: none; }

.sp-pn { position: absolute; top: 50%; margin-top:-30px; z-index: 9;  cursor: pointer; width:60px; height: 60px; background:#385b7b; text-align: center;  color:#fff; border-radius: 60px;  transition: all .3s ease; }
.focus-prev  {left: 0; }
.focus-next {right: 0; }
.sp-pn i {display:inline-block; line-height:60px; font-size: 20px;  }

.sp-focus.swiper-pagination { width:100%; position: absolute; text-align: right; left: auto; right:3%; bottom:6%;  }
.sp-focus.swiper-pagination .swiper-pagination-bullet { width:10px; height: 10px; border-radius: 0!important; background:#fff; opacity: 0.5; margin:0 10px!important; }
.sp-focus.swiper-pagination .swiper-pagination-bullet-active { background:#fff;  opacity: 1;  }

.sp-bot.swiper-pagination { width:100%; bottom:0.36rem!important; }
.sp-bot .swiper-pagination-bullet { width:10px; height: 10px;  background:rgba(255,255,255,0.5); opacity: 1!important; margin:0 5px!important; border-radius:10px!important;   }
.sp-bot .swiper-pagination-bullet-active { background:rgba(255,255,255,1); }

.swp-ipro .imgs img {
	height: 500px;
	object-fit: contain;
}

.sp-bot-blue .swiper-pagination-bullet { background:#ccc!important; }
.sp-bot-blue .swiper-pagination-bullet-active { background:#385b7b!important; }
/*--------------------------------------------------------------------------导航--------------------------------------------------------------------------*/
.header {
	width: 100%;
	background: #fff;
}

	.header .hbox {
		align-items: center;
	}

	.header .hlogo .hlbox {
		display: table;
		height: 100px;
	}

		.header .hlogo .hlbox img {
			max-height: 60px;
		}

	.header .lang span {
		font-size: 18px;
		padding:5px 0;
	}

	.header .lang i {
		font-size: 20px;
		margin-right: 0.8vw;
	}

.commenu, .commenu ul, .commenu ul li, .commenu ul li a, .commenu .menu-button {
	position: relative;
	box-sizing: border-box;
}

	.commenu .menu-button {
		display: none;
	}

	.commenu > ul > li {
		margin: 0 2vw;
		float: left;
	}

		.commenu > ul > li > a span {
			display: inline-block;
			line-height: 100px;
			color: #333;
			font-size: 18px;
			font-weight: 600;
		}

		.commenu > ul > li > a i {
			font-size: 12px;
			color: #ccc;
			margin-left: 10px;
			margin-top: -6px;
		}

	.commenu ul li ul {
		width: 160px;
		background: #fff;
		overflow: hidden;
		box-shadow: 0 0 20px rgba(0,0,0,.1);
		position: absolute;
		left: -42px;
		top: 120%;
		z-index: 99;
		visibility: hidden;
		opacity: 0;
		transition: all 0.3s ease;
	}

	.commenu ul li:hover > ul {
		visibility: visible;
		opacity: 1;
		top: 100%;
	}
	.commenu ul li:hover > a span {
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}
	.commenu ul li ul li {
		float: left;
		width: 100%;
		padding: 0 20 border-bottom:1px solid #eee;
	}

		.commenu ul li ul li:last-child {
			border: none;
		}

		.commenu ul li ul li a span {
			margin: 0;
		}

		.commenu ul li ul li:hover ul {
			top: 0;
		}

		.commenu ul li ul li a {
			width: 100%;
			text-align: center;
			padding: 0.8vw 1vh;
			display: inline-block;
		}

			.commenu ul li ul li a:hover {
				background: #385b7b;
				color: #fff;
			}

.header .hbox .lang {
	height: 100px;
	line-height: 100px;
}

	.header .hbox .lang a {
		color: #fff;
		font-size: 18px;
	}

	.header .hbox .lang i {
		font-size: 20px;
		margin-right: 10px;
		vertical-align: top;
	}

@media only screen and (max-width:1441px) {
	.commenu > ul > li {
		margin: 0 20px;
	}
}

@media only screen and (max-width:981px) {
	.header {
		position: fixed;
		z-index: 99;
		top:0;
	}

		.header .hbox {
			width: 100%;
			height: 60px;
		}

		.header .hlogo, .header .hmenu {
			float: none;
		}

		.header .hlogo {
			position: absolute;
			left: 0.32rem;
			top: 0;
			z-index: 1;
		}

			.header .hlogo .hlbox {
				height: 60px;
			}

				.header .hlogo .hlbox img {
					max-height: 40px;
				}

					.header .hlogo .hlbox img.white {
						display: none !important;
					}

					.header .hlogo .hlbox img.orange {
						display: block !important;
					}

		.header .hmenu {
			width: 60px;
			height: 60px;
			float: right;
			position: fixed;
			top: 0;
			right: 0;
			z-index: 9;
		}

	.commenu {
		width: 100%;
	}

		.commenu ul.menubox {
			width: calc(100% - 60px) !important;
			height: 100vh;
			overflow-y: scroll;
			position: fixed;
			left: -100%;
			z-index: 999; /*display:none;*/
			visibility: hidden;
			opacity: 0;
			transition: all 0.3s ease;
		}

			.commenu ul.menubox.open {
				left: 0;
				opacity: 1;
				visibility: visible;
			}

		.commenu ul {
			width: 100% !important;
			background: #222;
		}

			.commenu ul li:hover ul {
				position: relative;
				border-top: 1px solid rgba(255,255,255,0.1);
			}

			.commenu ul li {
				width: 100% !important;
				line-height: normal;
				border-bottom: 1px solid rgba(255,255,255,0.1);
				margin: 0;
				padding: 0 0.64rem;
			}

		.commenu > ul > li, .commenu > ul > li:last-child {
			margin: 0;
		}

			.commenu > ul > li > a span {
				margin: 0;
				line-height: 1.4rem;
				font-size: 0.38rem;
				color: #fff !important;
			}

			.commenu > ul > li > a i {
				display: none;
			}

		.commenu ul li.has-sub {
			padding: 0;
		}

			.commenu ul li.has-sub > a {
				margin: 0 0.64rem;
			}

		.commenu ul li ul {
			position: relative;
			left: 0;
			opacity: 1;
			visibility: inherit;
			top: 0;
			background: none;
			border-radius: 0;
			box-shadow: none;
			border-top: 1px solid rgba(255,255,255,0.1);
		}

			.commenu ul li ul li {
				border-bottom: 1px solid rgba(255,255,255,0.1);
			}

				.commenu ul li ul li a {
					color: #fff;
					padding: 0.36rem;
				}

					.commenu ul li ul li a span {
						font-size: 0.38rem;
					}

					.commenu ul li ul li a:hover {
						background: none;
						color: #fff;
					}

		.commenu .menu-button {
			display: block;
			width: 60px;
			height: 60px;
			float: right;
		}

	.hamburger-menu {
		width: 60px;
		height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

		.hamburger-menu div {
			width: 24px;
			height: 2px;
			border-radius: 2px;
			background: #385b7b;
			position: relative;
			z-index: 1001;
			transition: all 0.3s ease;
		}

			.hamburger-menu div:before, .hamburger-menu div:after {
				content: '';
				position: absolute;
				width: inherit;
				height: inherit;
				background: #385b7b;
				border-radius: 2px;
				transition: all 0.3s ease;
			}

			.hamburger-menu div:before {
				transform: translateY(-8px);
			}

			.hamburger-menu div:after {
				transform: translateY(8px);
			}

	.menu-opened .hamburger-menu div {
		background: transparent;
	}

		.menu-opened .hamburger-menu div:before {
			transform: translateY(0) rotate(-45deg);
		}

		.menu-opened .hamburger-menu div:after {
			transform: translateY(0) rotate(45deg);
		}

	.commenu .submenu-button {
		position: absolute;
		z-index: 10;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid rgba(255,255,255,0.1);
		width: 1.4rem;
		height: 1.4rem;
		line-height: 1.4rem;
	}

		.commenu .submenu-button::before {
			content: '';
			position: absolute;
			left: 0.5rem;
			top: 0.7rem;
			display: block;
			width: 0.4rem;
			height: 1px;
			background: #fff;
			z-index: 99
		}

		.commenu .submenu-button::after {
			content: '';
			position: absolute;
			left: 0.7rem;
			top: 0.5rem;
			display: block;
			width: 1px;
			height: 0.4rem;
			background: #fff;
			z-index: 99
		}

		.commenu .submenu-button.submenu-opened::after {
			transform: translateY(0) rotate(90deg);
			opacity: 0;
		}
}

/*--------------------------------------------------------------------------首页--------------------------------------------------------------------------*/
.ibanner .txt { width:100%; top:0; left:0; z-index: 9;}
.ibanner .txt .cc { padding:0 4vw; }
.ibanner .txt .cc h2 { font-size:3vw; margin-bottom: 20px; }
.ibanner .txt .cc p { font-size: 24px; }
.ibanner .iban-prev { left:-30px; }
.ibanner .iban-next { right: -30px; }

.iprobox .cc { float: right; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.1); z-index: 9;  margin-top:-5%; }
.iprobox .cc .txt { flex:6; padding:2vw; align-items: center;}
.iprobox .cc .txt .info { width: calc(60% - 1vw); }
.iprobox .cc .txt .imore { width: calc(40% - 1vw); }
.iprobox .cc .txt .imore .red-more { width:100%; }
.iprobox .cc .img { max-width: 200px; }

.iabo .itit { flex:1; }
.iabo .itit h2 { font-size: 2vw;}
.iabo .itit h3 { font-size: 1.6vw;}
.iabo .info { flex:1; }
.iabo .info p { margin:10px 0; }

.icate .list .txt { top:3vh; left:3vw;  }
.icate .list .txt p { font-size: 1.6vw; }
.icate .icate-prev { left:-30px; }
.icate .icate-next { right: -30px; }

.ipro .itit { flex:1; }
.ipro .itit h2 { font-size: 2vw;}
.ipro .list { width:65.5%; }
.ipro .list .swiper-slide h3 { font-size: 1.4vw; margin:3vh 0 4vh; }

.idatabox { background: #eaecee; padding:10vh 10vw; align-items: center; }
.idatabox .item { align-items: center; }
.idatabox .item .ico i { font-size: 6.4vw; margin-right: 5vw; }
.idatabox .item .txt h3 { font-size: 2.4vw; line-height: 160%; }
.idatabox .item .ico { max-width:6.4vw; margin-right: 5vw; } 

/*.icont .icbox .item { width: calc(50% - 2vw); }*/
.icont .icbox .item .img { background: #000;}
.icont .icbox .item .img img { opacity: 0.8; }
.icont .icbox .item .txt { left:3vw; bottom:6vh; z-index: 9;}
.icont .icbox .item .txt h3 { font-size: 2vw;}
.icont .icbox .item .txt .white-more { margin:2.4vh 0 0; }

.icont .icbox .item { width:100%; min-height:20vh; }

/*.footer .fbox { background: #385b7b; padding:6vh 3vw 0; margin-bottom: 80px; }
.footer .fbox a { color:#fff; }
.footer .fbox a:hover {  text-decoration:underline; }
.footer .fbox .fmid { width:40%; }
.footer .fbox .fmid h3 { font-size: 18px; margin-bottom: 1.6vh; }
.footer .fbox .fmid ul li { padding:1vh 0; }
.footer .fbox .fright .ico i { font-size: 24px; margin-left:1vw; }
.footer .fbox .fbot { padding:2vh 0; border-top:1px solid rgba(255,255,255,0.1); margin:4vh 0 0; }
.footer .fbox .fbot .fbot-r span { margin-left: 1vw; }*/

.footer .fbox { background: #385b7b; padding:6vh 3vw 0; margin-bottom: 80px; }
.footer .fbox a { color:#fff; }
.footer .fbox a:hover {  text-decoration:underline; }
.footer .fbox .fleft { width:30%; }
.footer .fbox .fleft .fnav { padding:2vh 0 0 3.6vw; }
.footer .fbox .fleft .fnav ul li { padding:1vh 0; }
.footer .fbox .fmid { width:30%; }
.footer .fbox .fmid  h3 { font-size: 18px; margin:2vh 0 2.4vh; }
.footer .fbox .fmid p { line-height:240%; }
.footer .fbox .fright .qrimg { width:160px; text-align:center; margin-left:4vw; }
.footer .fbox .fright .qrimg p { margin:1vh 0 0; }
.footer .fbox .fbot { padding:2vh 0; border-top:1px solid rgba(255,255,255,0.1); margin:4vh 0 0; }
.footer .fbox .fbot .fbot-r span { margin-left: 1vw; }

/*--------------------------------------------------------------------------内页--------------------------------------------------------------------------*/
.cprolist .cptop { padding:0 4vw; margin-bottom: 6vh; }
.cprolist .cptop .ctit span { font-size: 2vw; }
.cprolist .cptop .info { width:50%; }
.cprolist .cpbot .list ul li { float: left; width: calc(50% - 2vw); margin-right: 4vw; margin-bottom: 6vh; }
.cprolist .cpbot .list ul li:nth-child(2n) { margin-right: 0; }
.cprolist .cpbot .list ul li .img { height: 52vh; }
.cprolist .cpbot .list ul li .txt h3 { font-size: 1.4vw; margin:2.4vh 0 2vh; }

.ccont .ccbox .item { width: calc(50% - 2vw); }
.ccont .ccbox .item .img { background: #000;}
.ccont .ccbox .item .img img { opacity: 0.8; }
.ccont .ccbox .item .txt { left:3vw; bottom:6vh; z-index: 9;}
.ccont .ccbox .item .txt h3 { font-size: 2vw;}
.ccont .ccbox .item .txt .white-more { margin:2.4vh 0 0; }

.cprode .cpd-l { width: 64%; }
.cprode .cpd-l p { margin-bottom: 4vh; }
.cprode .cpd-r { width: calc(36% - 4vw); }
.cprode .cpd-r .item { margin-bottom: 6vh;}
.cprode .cpd-r .info h2 { font-size: 1.6vw; margin-bottom: 2vh; }
.cprode .cpd-r .item .ctit {background: #861e32; color:#fff; padding:1.6vh 1vw; }
.cprode .cpd-r .item table tr td { line-height: 180%; padding:1vh 1vw; border-bottom: 1px solid #eee; }
.cprode .cpd-r .item table tr td:first-child { width: 30%; }
.cprode .cpd-r .func .chart { margin:2vh 0 0; }
.cprode .cpd-r .download h3 { border-bottom: 1px solid #eee; margin-bottom: 2.4vh; }
.cprode .cpd-r .download h3 span { display:inline-block; font-size: 1.6vw; padding:0 0 2.4vh 0;  }
.cprode .cpd-r .download ul li { padding-bottom: 1.8vh; margin-bottom: 1.8vh; border-bottom:1px solid #eee; }
.cprode .cpd-r .download ul li a { align-items: center; }
.cprode .cpd-r .download ul li em { width: 3.2vw; background: #861e32; color:#fff; padding:0.6vh 0; text-align: center; }
.cprode .cpd-r .download ul li i { font-size: 20px; }
.cprode .cpd-r .download ul li span:nth-child(2) { width:72%; }
.cprode .cpd-r .download ul li a:hover span:nth-child(2) { color:#385b7b; }

.rempro h2 { font-size: 2vw; padding: 6vh 4vw; }
.rempro .list ul li { float: left; width: calc(50% - 2vw); margin-right: 4vw; }
.rempro .list ul li:nth-child(2n) { margin-right: 0; }
.rempro .list ul li .img { height: 56vh }
.rempro .list ul li .txt h3 { font-size: 1.4vw; margin:2.4vh 0 2vh; }

.sol-de .solban { height: 46vh; }
.sol-de .sol-cc  { padding:6vh 4vw; }
.sol-de .sol-link { padding:0 4vw; }
.sol-de .sol-link p a { display: inline-block; line-height: 240%;  text-decoration: underline; color:#385b7b; }

.csingle .csban { height: 46vh; }
.csingle .csdetail { padding:6vh 4vw 0; }
.csingle .csdetail .csde-l { width:28%; padding-right: 4vw; }
.csingle .csdetail .csde-l h3 { font-size: 1.6vw; margin-bottom: 2vh; }
	.csingle .csdetail .csde-r {
		width: 72%;
	}

.dllist ul li { padding:2vh 2vw; margin-bottom: 1.8vh;  background: #eaecee; }
.dllist ul li a { align-items: center; }
.dllist ul li em { width: 3.2vw; background: #861e32; color:#fff; padding:0.6vh 0; text-align: center; }
.dllist ul li i { font-size: 20px; }
.dllist ul li span:nth-child(2) { width:84%; }
.dllist ul li a:hover span:nth-child(2) { color:#385b7b; }

.joinlist .jtit { padding:2vh 2vw; background: #eaecee;  font-size: 18px; cursor: pointer; }
.joinlist .jtit i { margin:2px 0 0; }
.joinlist .itemcc { padding:2vh 2vw;  border:1px solid #eee;  }
.joinlist .item { height: 0; opacity: 0;  overflow: hidden; transition: all 0.3s ease; }
.joinlist .item.open { height: auto; opacity: 1; }

.contbox { padding:6vh 4vw; background: #eaecee; margin:6vh 0 0; }
.contbox .ctbox-l { width:64%; }
.contbox .ctbox-r { width:36%; padding-left: 6vw; }
.contbox .ctbox-r h3 { font-size: 1.6vw; margin-bottom: 2vh; }

.contbox .layui-form-item { margin-bottom: 3vh; }
.contbox .layui-form-label { width:100%; text-align: left; padding:0 0 2vh; float: none; }
.contbox .layui-form-label em { margin-left:10px; }
.contbox .layui-input-block { margin:0; }
.contbox .layui-input-block .layui-input { height: 5vh; line-height: 5vh;  }
.contbox .layui-input , .contbox .layui-textarea { padding:0 1vw; }
.contbox .layui-textarea { line-height: 180%; padding: 1vh 1vw; }
.contbox .tips a { color:#385b7b;  text-decoration: underline; }
.contbox .submit { margin:3vh 0 0; }
.contbox .submit a { padding: 1.6vh 3.2vw; }

/*--------------------------------------------------------------------------移动端--------------------------------------------------------------------------*/
@media only screen and (max-width:980px) {

	/*--------------------------------------------------------------------------通用--------------------------------------------------------------------------*/
	.blue-more {
		padding: 1vh 4vw;
	}

		.blue-more i {
			font-size: 0.42rem;
		}

	.red-more {
		padding: 1vh 4vw;
	}

		.red-more i {
			font-size: 0.42rem;
		}

	.line-more {
		padding: 0.8vh 4vw;
		margin: 0.36rem 0;
	}

	.white-more {
		padding: 1vh 4vw;
	}

		.white-more i {
			font-size: 0.42rem;
		}

		.blue-more span, .red-more span, .line-more span, .white-more span {
			font-size: 0.4rem;
		}

	.pc-cc {
		display: none;
	}

	.m-cc {
		display: block;
	}

	.fancybox-slide {
		padding: 15px;
	}

	.fancybox-slide--iframe .fancybox-content {
		max-width: 90%;
		max-height: 80%;
	}

	.fancybox-close-small {
		right: 15px !important;
		top: 10px !important;
	}

	.fancybox-button {
		width: 36px;
		height: 36px;
	}

	.sp-pn {
		margin-top: -25px;
		z-index: 9;
		cursor: pointer;
		width: 50px;
		height: 50px;
	}

		.sp-pn i {
			line-height: 50px;
			font-size: 0.48rem;
		}

	html, body, a, p, li, span {
		font-size: 0.38rem;
		line-height: 180%;
	}

	.ww {
		width: calc(100% - 0.72rem);
		margin: 0 auto;
	}

	.p100, .p120, .p80 {
		padding: 0.72rem 0;
	}

	.header .hlogo .hlbox {
		height: 60px;
	}

	/*	.header .hlogo .hlbox .img {
			padding-left: 50px;
		}
*/
			.header .hlogo .hlbox .img img {
				max-height: 40px;
			}

	.header .lang i {
		font-size: 0.48rem;
		margin-right: 1.2vw;
	}

	.header .lang span {
		font-size: 0.4rem;
	}

	.hamburger-menu {
		width: 0.84rem;
	}

		.hamburger-menu div {
			width: 0.84rem;
			height: 3px;
		}

			.hamburger-menu div:before {
				transform: translateY(-10px);
			}

			.hamburger-menu div:after {
				transform: translateY(10px);
			}

	.tmenu {
		top: 10px;
	}

	.menubox .menutab {
		width: 100%;
		margin: 0;
		padding: 0 0.72rem;
		height: 70vh;
	}

		.menubox .menutab .hd ul li span {
			font-size: 0.56rem;
			font-weight: bold;
		}

		.menubox .menutab .hd ul li i {
			font-size: 0.48rem;
		}

		.menubox .menutab .hd ul li:hover i, .menubox .menutab .hd ul li.on i {
			margin-left: 0.48rem;
		}

		.menubox .menutab .bd {
			margin: 0.24rem 0 0 0.36rem;
		}

			.menubox .menutab .bd .item ul li span {
				font-size: 0.48rem;
			}

	.maskbg .menuimg {
		width: 100%;
		top: auto;
		bottom: 0;
		height: 30vh;
	}

	.ibanner {
		margin:6.4vh 0 0;
		height: 30vh !important;
	}

		.ibanner .imgs img {
			height: 30vh !important;
		}

		.ibanner .txt {
			height: 100% !important;
		}

			.ibanner .txt .cc h2 {
				font-size: 0.56rem;
				font-weight: bold;
				margin-bottom: 0.36rem;
			}

			.ibanner .txt .cc p {
				font-size: 0.38rem;
			}

	.ibanner .iban-prev { left:0; }
	.ibanner .iban-next { right:0; }

	.iprobox .cc {
		width: 100%;
		float: none;
		margin: 0;
	}

		.iprobox .cc .txt {
			flex: none;
			width: 100%;
			padding: 0.36rem;
		}

			.iprobox .cc .txt .info {
				width: calc(48% - 0.18rem);
			}

			.iprobox .cc .txt .imore {
				width: calc(52% - 0.18rem);
			}

		.iprobox .cc .img {
			display: none;
		}

	.iabo .itit {
		flex: none;
		width: 100%;
	}

		.iabo .itit h2 {
			font-size: 0.56rem;
			font-weight: bold;
		}

		.iabo .itit h3 {
			font-size: 0.38rem;
		}

	.icate .list .txt {
		top: 0.36rem;
		left: 0.36rem;
	}

		.icate .list .txt p {
			font-size: 0.48rem;
			font-weight: bold;
		}

	.icate .icate-prev {
		left: 0;
	}

	.icate .icate-next {
		right: 0;
	}

	.ipro .itit {
		flex: none;
		width: 100%;
	}

		.ipro .itit h2 {
			font-size: 0.56rem;
			font-weight: bold;
		}

	.ipro .list {
		float: none;
		width: 100%;
		padding: 0.36rem 0 0;
	}

		.ipro .list .swiper-slide h3 {
			font-size: 0.42rem;
			margin: 0.36rem 0;
		}
	.swp-ipro .imgs img {
		height: 180px;
		object-fit: contain;
	}
	.idatabox {
		padding: 0.36rem;
	}

		.idatabox .item {
			margin: 0.24rem 0;
		}

			.idatabox .item .ico i {
				font-size: 1.6rem;
			}

			.idatabox .item .txt h3 {
				font-size: 0.56rem;
			}

	.idatabox .item .ico { max-width:1.6rem; }

	.icont .icbox .item {
		width: 100%;
		min-height:20vh;
	}

		/*.icont .icbox .item:last-child {
			margin: 0.72rem 0 0;
		}*/

		.icont .icbox .item .txt {
			left: 0.36rem;
			bottom: 0.36rem;
		}

			.icont .icbox .item .txt h3 {
				font-size: 0.48rem;
				font-weight: bold;
			}

			.icont .icbox .item .txt .white-more {
				margin: 0.36rem 0 0;
			}


	/*.footer .fbox {
		padding: 0.36rem;
		margin-bottom: 0.72rem;
	}

		.footer .fbox .fleft, .footer .fbox .fmid, .footer .fbox .fright {
			width: 100%;
		}

			.footer .fbox .fleft img {
				max-height: 40px;
			}

		.footer .fbox .fmid {
			padding: 0.12rem 0 0.48rem;
		}

			.footer .fbox .fmid .item {
				width: 100%;
				margin: 0.36rem 0 0;
			}

			.footer .fbox .fmid h3 {
				font-size: 0.42rem;
				margin: 0 0 0.12rem 0;
			}

			.footer .fbox .fmid ul li {
				display: inline-block;
				padding: 0.12rem 0;
				margin-right: 0.36rem;
			}*/

	.footer .fbox { padding: 0.36rem; margin-bottom: 0.72rem;}
	.footer .fbox .fleft , .footer .fbox .fmid , .footer .fbox .fright{ width:100%; }
	.footer .fbox .fleft .fnav { padding: 0.36rem 0 0 0;}
	.footer .fbox .fleft .fnav ul li { line-height:200%; padding:0; float:left; margin-right:0.36rem; }
	.footer .fbox .fmid h3 { font-size: 0.42rem;margin : 0.36rem 0;}
	.footer .fbox .fmid p { line-height:200%; }
	.footer .fbox .fright { box-sizing:border-box; padding:0 0.36rem;}
	.footer .fbox .fright .qrimg { max-width:36vw; margin:0.48rem 0 0; }

		.footer .fbox .fright .ico i {
			font-size: 0.56rem;
			margin: 0 0.36rem 0 0;
		}

		.footer .fbox .fbot {
			padding: 0.36rem 0 0;
			margin: 0.36rem 0 0;
		}

	.cprolist .cptop {
		padding: 0;
		margin-bottom: 0.72rem;
	}

		.cprolist .cptop .ctit, .cprolist .cptop .info {
			width: 100%;
		}

			.cprolist .cptop .ctit span {
				font-size: 0.56rem;
				font-weight: bold;
			}

		.cprolist .cptop .info, .cprolist .cptop .join-info {
			margin: 0.36rem 0 0;
		}

	.csingle .csban {
		height: 20vh;
	}

	.csingle .csdetail {
		padding: 0.72rem 0 0;
	}

		.csingle .csdetail .csde-l, .csingle .csdetail .csde-r {
			width: 100% !important;
		}

		.csingle .csdetail .csde-l {
			margin-bottom: 0.36rem;
		}

			.csingle .csdetail .csde-l h3 {
				font-size: 0.56rem;
				font-weight: bold;
				margin: 0;
			}

	.cprolist .cpbot .list ul li {
		float: none;
		width: 100%;
		margin: 0 0 0.48rem;
	}

		.cprolist .cpbot .list ul li .img {
			height: auto;
		}

		.cprolist .cpbot .list ul li .txt h3 {
			font-size: 0.48rem;
			font-weight: bold;
			margin: 0.36rem 0 0.12rem;
		}

	.sol-de .sol-cc {
		padding: 0.72rem 0;
	}

	.sol-de .sol-link {
		padding: 0;
	}

	.rempro h2 {
		font-size: 0.56rem;
		font-weight: bold;
		padding: 0.72rem 0 0.36rem;
	}

	.rempro .list ul li {
		float: none;
		width: 100%;
		margin: 0 0 0.48rem;
	}

		.rempro .list ul li .img {
			height: auto;
		}

		.rempro .list ul li .txt h3 {
			font-size: 0.48rem;
			font-weight: bold;
			margin: 0.36rem 0 0.12rem;
		}

	.ccont .ccbox .item {
		width: 100%;
	}

		.ccont .ccbox .item:last-child {
			margin: 0.72rem 0 0;
		}

		.ccont .ccbox .item .txt {
			left: 0.36rem;
			bottom: 0.36rem;
		}

			.ccont .ccbox .item .txt h3 {
				font-size: 0.48rem;
				font-weight: bold;
			}

			.ccont .ccbox .item .txt .white-more {
				margin: 0.36rem 0 0;
			}

	.cprode .cpd-l, .cprode .cpd-r {
		float: none;
		width: 100%;
	}

		.cprode .cpd-l p {
			margin-bottom: 0.36rem;
		}

		.cprode .cpd-r .info h2 {
			font-size: 0.48rem;
			font-weight: bold;
			margin: 0.24rem 0;
		}

		.cprode .cpd-r .item {
			margin-bottom: 0.72rem;
		}

			.cprode .cpd-r .item:last-child {
				margin-bottom: 0;
			}

			.cprode .cpd-r .item .ctit {
				padding: 0.24rem 0.36rem;
			}

				.cprode .cpd-r .item .ctit span {
					font-size: 0.42rem;
				}

		.cprode .cpd-r .download h3 {
			margin-bottom: 0.36rem;
		}

			.cprode .cpd-r .download h3 span {
				font-size: 0.48rem;
				font-weight: bold;
				padding: 0 0 0.24rem;
			}

		.cprode .cpd-r .download ul li:last-child {
			margin: 0;
		}

		.cprode .cpd-r .download ul li em {
			width: auto;
			padding: 0.4vh 0.24rem;
		}

	.csingle .csdetail .csde-l .info {
		margin: 0.12rem 0 0;
	}

	.joinlist .jtit {
		padding: 0.24rem 0.36rem;
	}

		.joinlist .jtit span {
			font-size: 0.42rem;
		}

		.joinlist .jtit i {
			margin: 0;
			font-size: 0.42rem;
		}

	.joinlist .itemcc {
		padding: 0.36rem;
	}

	.dllist ul li span:nth-child(2) {
		width: 72%;
	}

	.dllist ul li em {
		width: auto;
		padding: 0.4vh 0.24rem;
	}

	.contbox {
		padding: 0.36rem;
		margin: 0.72rem 0 0;
	}

		.contbox .ctbox-l, .contbox .ctbox-r {
			float: none;
			width: 100%;
		}

	table, input, select, textarea {
		font-size: 0.38rem;
	}

	.contbox .layui-form-item {
		margin-bottom: 0.36rem;
	}

	.contbox .layui-form-label {
		font-size: 0.36rem;
		padding: 0;
		margin: 0 0 0.24rem;
	}

	.contbox .layui-input-block .layui-input {
		height: 1.2rem;
		font-size: 0.36rem;
	}

	.contbox .layui-textarea {
		font-size: 0.36rem;
	}

	.contbox .submit {
		margin: 0.36rem 0;
	}

		.contbox .submit a {
			padding: 1vh 10vw;
		}

	.contbox .ctbox-r {
		padding: 0;
	}

		.contbox .ctbox-r h3 {
			font-size: 0.56rem;
			font-weight: bold;
			margin-bottom: 0.36rem;
		}




	.cmem-log .cmem-left {
		display: none;
	}

	.cmem-log .cmem-right {
		flex: 1;
	}

		.cmem-log .cmem-right .mform {
			padding: 0.36rem;
		}

	.mform .layui-form-item .ml {
		margin-left: 0.36rem;
	}

	.mform .layui-input-affix, .mform .layui-form-item .verbtn {
		line-height: 1.1rem;
	}

	.mform .layui-form-item .regbtn i {
		margin-right: 0.24rem;
	}

	.mform .layui-form-item .regbtn {
		margin: 0.18rem 0;
		height: 1.1rem;
		line-height: 1.1rem;
	}

	.ww, .w1200, .w1400 {
		width: calc(100% - 0.72rem);
		margin: 0 auto;
	}

	.p40 {
		padding: 0.64rem 0;
	}

	.p60 {
		padding: 0.64rem 0;
	}

	.p80 {
		padding: 0.64rem 0;
	}

	.p100 {
		padding: 0.64rem 0;
	}

}