@CHARSET "UTF-8";

/* 响应式布局 */
	@media (max-width: 1430px) {
		.contain{
				width:84%;
		    }
	}
	 
	@media (max-width: 720px) {
		/* 针对移动端样式 */
		.headBox{
			padding:0.5rem 0
		}
		.headBox .headTitle{
			width:50%
		}
		.headBox .headTitle,.headBox .headMenu,.headBox .headMenu .iconfont{
			font-size:12px
		}
.headBox .headMenu .unit {
    padding: 0 0.4rem;
	height: fit-content;
	align-self:center;
	white-space: nowrap;
}
		.contain{
				width:92%;
			position:relative
		    }
.menuBox {
    padding: 0.6rem 0;
}
.menuBox .menuLogo {
    width: 30%;
	height:auto;
	margin:0;
	display:block
}
.menuBox .menuMoreBox{
	display:block
}
.menuBox .menuMore{
	width:1.5rem
}
#login-page .menuBox .menuLogo{
	margin-right: 0vw;
}
.loginSelectBox{
	width:100%
}
.loginSelect{
	width:32%;
	margin:0.8rem 0 0.8rem 2%;
	white-space:nowrap;
	padding: 0.3rem 0;
	font-size:14px;
	text-align:center
}
.menuBox .icon{
    	height:16px;
    }
.loginSelect:first-child{
	margin-left:0
}
		.menuBox .menuItem{
			font-size:16px;
			margin-bottom:0.3rem;
			display:none
		}
		.menuBox .searchBox{
			width:92vw;
			padding: 0.25rem;
		}
		.menuBox .menuItem .border .bor{
			width:1.6rem
		}
		.menuBox .menuItem:nth-child(2) .border .bor{
			left:-0.5rem
		}
		.headAd{
			margin-top:3rem;
		}
		
		.headAd img {
			height:200px;
			object-fit: cover;
		}
		.guide {
		    width: 92%;
			margin: 0.8rem auto;
		}
		.guide .chinese {
		    font-size: 20px;
		}
		.guide .english {
		    font-size: 16px;
		}
		.aboutMore{
			white-space:nowrap
		}
		.total,.aboutMore{
			font-size:12px
		}
		.serviceBox {
		    width: 100%;
		}
		.bgBoxone .serviceBox{
			width:48%
		}
		.serviceBox .serviceHead .desc {
		    margin-right: 8%;
		}
		.serviceBox .serviceHead .logo .iconfont{
			font-size: 18px;
		}
		.serviceBox .serviceHead .desc .chineseDesc {
		    font-size: 14px;
		}
		.serviceBox .serviceHead .desc .englishDesc {
		    font-size: 12px;
		}
		.serviceBox .serviceHead .more .iconfont {
		    font-size: 18px;
		}
		.serviceBox .serItemBox .serItem {
			font-size: 12px;
		}
		.serviceBox .serItemBox {
			height: fit-content;
    		max-height: 270px;
			overflow-y:auto
		}
		.serviceBox .serItemBox a{
			margin-right:0.4rem
		}
		.bgBox .advan .advanTitle {
		    font-size: 18px;
		}
		.bgBox .advan .advanNum .num {
		    font-size: 20px;
		}
		.bgBox .advan .advanDesc {
		    font-size: 12px;
		    margin: 0.2rem 0;
		    line-height: 22px;
		}
		.aboutUs .aboutDesc textarea {
		    margin: 0;
		    padding: 0;
		    width: 100%;
		    height: 6.0rem;
		    line-height: 1.0rem;
		    border: none;
		    background: none;
		    resize: none;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 46;
		    overflow: hidden;
			white-space: unset;
		}
		#index-page .aboutUs .aboutMore{
			margin:0.6rem auto 0
		}
		.dynamic .dynamicHead{
		    font-size: 14px;
		}
		.dynamic .dynamicHead span {
		    font-size: 10px;
		}
		.dynamic .more,.dynamic .more .iconfont {
		    font-size: 12px;
			white-space:nowrap
		}
		.dynamic .dynamicTitle {
		    font-size: 18px;
		}
		.dynamic .dynamicDesc {
		    font-size: 12px;
		    line-height: 20px;
		    padding-bottom: 0.2rem;
		}
		.dynamic .article {
		    padding: 0.32rem 0;
		}
		.dynamic .newsStyle {
		    padding: 0.12rem 0;
			font-size:12px;
			border-bottom:1px solid rgba(216, 216, 216, 1)
		}
		.questionBox {
			font-size:14px
		}
		.questionBox .answer {
		    font-size: 12px;
		}
		.mobile{
			flex-wrap:wrap
		}
		
		.containBox {
		    padding: 0.4rem 0 0.6rem;
		    width: 92%;
		    margin: 1.38rem auto 2.18rem;
		    min-width: unset;
		}
		.loginItem {
		    padding: 0.6rem;
		    width: 80%;
		    color: #a6a6a6;
		    font-size: 16px;
		    margin: 0.85rem auto;
		}
		.noBorder {
		    border: none;
		    padding: 0;
		}
		.submitBox {
		    width: 80%;
		    margin: 1.65rem auto 0.65rem;
		    padding: 0.6rem;
		    border: 0;
		    text-align: center;
		}
		.loginItem input {
		    width: 90%;
		}
		.sendCode {
		    padding: 0.6rem;
			white-space:nowrap
		}
		.loginItem .select {
		    width: 0.8rem;
		    height: 0.8rem;
		    line-height: 0.8rem;
		    font-size: 18px;
		}
		.loginItem .select .iconfont {
		    font-size: 14px;
		    display: none;
		}
		.headBox .headMenu .avatar {
		    width: 0.8rem;
		    height: 0.8rem;
		    border-radius: 50%;
		}
		.banner {
			height:unset;
			padding:0.4rem 0
		}
		.banner .box .userIcon .iconfont {
		    font-size: 26px;
		}
		.banner .box .userNum {
		    text-align: center;
		    font-size: 22px;
		    margin: 0.2rem 0;
		}
.left .vip .zuan {
    width: 0.5rem;
}
.left .avatar {
    width: 1.8rem;
    height: 1.8rem;
}
.left .expire,.left .userid {
    font-size: 12px;
	margin: 0 auto 0.6rem;
}
.left .userUnit {
    font-size: 14px;
}
.loginBox .navMenu .unit {
   white-space:nowrap;
	font-size:16px
}
.vipUnit {
    padding: 1.8rem;
}
.vipUnit .buy {
    padding: 0.4rem 0;
    bottom: 2rem;
}
.userinfo .loginItem {
    padding: 0.6rem;
    width: 100%;
    color: #a6a6a6;
    font-size: 14px;
    margin: 0.45rem auto;
}
.form-horizontal {
    min-width: unset;
}
.loginItem .avatar {
    width: 2.6rem;
    height: 2.6rem;
    line-height: 2.6rem;
}
.layui-layer{
	max-width:90%
}
.loginItem .phone {
    margin-left: 9.5%;
}
.userinfo .sendCode {
		    padding: 0.3rem;
		}
		
.userinfo .loginItem .rightInput {
    width: 70%;
}
.headAd .headAdTitle {
    font-size: 22px;
}
.headAd .headSearch {
    width: 80%;
}
.headAd .headSearch .AdLeft {
    width: 30%;
}
.headAd .hotPois {
    font-size: 14px;
}
.select2-container{
	max-width:98%;
	width:30vw!important
}
.table-list {
    max-width: unset;
    white-space: nowrap;
    min-width: 100%;
}
.secondBox {
    color: #333;
    position: absolute;
    top: 1.4rem;
	border:1px solid #ebebeb;
	background:#fff
}
.secondBox .secondOpa {
    height: 0rem;
}
.secondBox .secondItem {
	white-space:wrap;
    padding: 0.3rem;
  
}
.guideBox {
    padding: 0.6rem 0;
}
.dynamicBoxLeft {
    width: 50%;
}
.dynamicBoxRight .dynamicBoxRightDescTitle {
    font-size: 16px!important;
}
.dynamicBoxRight .dynamicBoxRightDesc {
    font-size: 14px;
}
.dynamicBoxLeft .dynamicBoxLeftHead {
    font-size: 16px;
	padding: 0.2rem 0;
}
.dynamicBoxRight .dynamicBoxRightArt .artUnit {
    margin: 0.1rem 0.6rem 0.6rem 0;
}
.dynamicBoxLeft .dynamicBoxLeftUnit {
    padding: 0.3rem 0;
}
.selectBox .selectItem {
  
    padding: 0.4rem 0;
}
.selectBox .hangye .selectItem {
    padding: 0.4rem 0;
	margin-right:0.8rem
}
.selectItem input {
    padding: 0.2rem;
}
#plattwo-page .selectItem input {
    padding: 0.2rem;
	min-width:80%
}
#plattwo-page .selectItem:last-child {
    margin-right:0
}
.selectItem .AdRight {
    padding: 0.2rem 0.4rem;
}
.mobone .dynamicBox .dynamicDesc {
    margin: 0.8rem auto;
    padding: 0.3rem 0;
}
.mobone .dynamicBox .dynamicIntro {
    padding: 0.2rem 0;
    margin: 0.4rem 0;
}

.mob .swiper-flash2 img {
    height: 220px;
    object-fit: cover;
}
.mob .dynamic .dynamicHead{
	white-space:nowrap
}
.mob .dynamicOne{
	width:70%;
}
.mob .dynamicTwo{
	width:26%
}
.mob .dynamicTwo .article {
    padding: 0.1rem 0;
	font-size:12px
}
.mob .dynamicTwo .article .title {
    width: 100%;
}
.mob .infoList .left {
    width: 2.12rem;
}
.mob .infoList .left .date {
    width: 2.12rem;
    height: 2.12rem;
    line-height: 2.12rem;
	font-size:14px
}
.mob .infoList .mid .infocover {
    width: 100%;
    height: 100%;
}
.mob .infoList .right {
    width: 56%;
}
.mob .infoList .right .infoDesc {
    margin-bottom: 0.2rem;
}
.mob .infoList .mid {
    width: 4.88rem;
    height: auto;
    margin: 0 2%;
}
.aboutUs .aboutDesc p {
   line-height: unset;
}
.fmobileb .dynamic {
	justify-content:flex-start
}

.fmobile .loginItem {
    padding: 0rem;
    width: 100%;
}
.fmobile .loginItem .loginUnit{
    width: 49%;
}
.fmobile .loginItem .whole{
    width:100%;
}
.fmobile .loginItem .rightInput {
    padding: 0.4rem;
}
.fmobile .loginItem input {
    width: 74%;
	margin-left: 0.4rem;
    margin-right: 0.4rem;
}
.dynamicBox .download{
	padding: 0.2rem 0.6rem;
}
.mobileDetail .dynamicDesc {
    width: 92%;
    margin: 0.4rem auto;
}
.mobileDetail .dynamicCover {
    margin: 0.6rem auto;
}
.mobileDetail .content {
    margin: 0.6rem 0;
    line-height: unset;
	font-size:16px
}
.mobileAdvan{
	flex-wrap:wrap;
}
.mobileAdvan .advan {
    width: 100%;
}
#userinfo-page .left{
	width:30%
}
.left .nickname {
    margin: 0.2rem auto;
}
.left .month {
    margin: 0.4rem auto 0.2rem;
    padding: 0.2rem;
	font-size:12px
}
.left .unitBox {
    padding: 0.4rem 0;
	width:80%
}
.left .logout {
    margin: 2rem auto 0.4rem;
}
.secondBox a:last-child .secondItem{
		border-bottom:none
	}
	.box_flex_between .tips{
		font-size:16px
	}
	.box_flex_between .tips:last-child {
	    font-size: 12px;
	    
	}
	#commoncon-page .mobile{
		flex-wrap:wrap;
	}
	#commoncon-page .company_logo{
		width:calc(100% - 0.8rem);
		margin:0 auto 0.8rem;
	}
	#index-page .dynamic{
		width:100%;
		margin:0.8rem auto
	}
	#index-page .dynamicTwo a:nth-child(2) .title{
		border-bottom: 1px solid rgba(216, 216, 216, 1);
	}
	.dynamicBoxLeft .dynamicBoxLeftCon {
	    max-height: 60vh;
	}
	.dynamicBox .dynamicIntro {
	    font-size: 16px;
	}
	.dynamicBox .dynamicPicture {
	    width: 98%;
	}
	.dynamicBox .detailMoble{
		flex-wrap:wrap;
	}
	.dynamicBox .detailMoble div{
		width: 92%;
		margin:0.1rem auto;
		text-align:left
	}
	#index-page .company_logo,#index-page .aboutUs{
		width:100%
	}
	#index-page .aboutUs{
		padding:0.6rem 0;
		font-size:16px
	}
.aboutUs .aboutDesc textarea{
	height:20rem;
	line-height:1.2rem;
	display:block
}

.aboutUs .aboutMore {
    padding: 0.3rem 0.8rem;
    margin-top: 1.2rem;
	font-size:16px
}
.morelink{
	padding: 0.3rem 0.8rem;
	font-size:16px
}
	/* .dynamicBox .dynamicPicture .pictureSon .picTitle{
		font-size: 20px;
	}
	.dynamicBox .dynamicPicture .pictureSon .picDesc{
		font-size: 12px;
	} */
	.alertCover .alertBox {
	    min-width: 92%;
		padding: 0.8rem;
	}
	.alertCover .alertBox .alertOperate {
	    margin: 0.2rem auto;
	}
	.alertCover .alertBox .alertButton {
	    padding: 0.25rem 0.4rem;
	}
	.selectBox .mobileInput{
		width:100%;
		margin-right:0
	}
	.alertCover .alertBox .alertMsg {
	    margin: 0.4rem auto 0.6rem;
	}
.dynamicBox {
    margin: 1.2rem 0 0;
    padding-bottom: 1.2rem;
}
.dynamic .dynamicHead {
    height: 2.8rem;
}
.dynamic .dynamicCover {
    height:fit-content
}
.dynamic .dynamicDesc {
    display:block;
    padding: 0.8rem;
    height: 12.8rem;
	font-size:14px;
	line-height:1.2rem
}
.selectUs {
    width: 100%;
    margin: 1.2rem auto;
}
.selectUs .logo {
    width: 30%;
    height: fit-content;
}
.selectUs .about .serTitle {
    font-size: 18px;
}
.questionItem {
    margin-bottom: 1.2rem;
}
.bgWhite .advan {
	margin-bottom:1.2rem
}
.line{
	width:0.64rem;
	top: -0.6rem;
	transform:rotate(90deg);
}

.commonBox {
  
    padding: 1.2rem 0;
}
.commonBox .commonUnit .logo {
    width: 80%;
    margin: 0rem auto;
}
.commonBox .commonUnit .commonTitle {
    margin: 1.2rem auto;
}
.bgNone .lineTwo{
	transform:rotate(0deg);
	margin:0 auto;
	position:relative;
    top: -0.6rem;
    left: 0;
	width:0.56rem
}
.lineThree{
	order:4;
	width:0.64rem;
	transform:rotate(-90deg);
}
.advan3{
	order:3
}
.advan4{
	order:5
}
.footer {
    padding: 0.5rem 0;
}
.bgWhite .adshow:nth-child(2n){
	width:45%;
	margin-right:2%;
	padding: 0.4rem;
}
.bgWhite .adshow:nth-child(2n+1){
	width:45%;
	margin-left:2%;
	padding: 0.4rem;
}
.bgWhite .advan .advanTitle {
    font-size: 14px;
	margin: 0.4rem auto;
}
.bgWhite .advan .advanNum .num {
    font-size: 26px;
}
.dynamic .dynamicTitle {
    margin: 0.6rem auto 0;
}
.bgWhite {
    padding-bottom: 1.2rem;
}
.serviceBoxDesc {
    width: 100%;
    margin: 0.2rem auto 0.8rem;
}
.lvshi .overy {
    width:80%
}
.lvshi .serviceBox {
    width: 92%;
    margin: 0.2rem 4%;
}
.lvshi .positionLeft {
    left: 0rem;
}
.lvshi .positionRight {
    right: 0rem;
}
.lvshi .position {
    width: 1.6rem;
    top: 6.6rem;
}
.margin66 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}
.questionItem .morelink {
	 margin-bottom: 1.2rem;
}
#index-page .dynamic:last-child {
    margin-bottom: 0;
}
.bgNone .advan .logo {
    width: 78px;
    height: 78px;
}
.commonBox .commonUnit {
    min-width: 48%;
    max-width: 48%;
    text-align: left;
	color: #CCCCCC;
}
.commonBox .commonUnit:first-child .commonDesc {
    line-height: 1.0rem;
}
.commonBox .commonUnit .commonTitle {
    margin: 2.4rem auto;
}
.commonBox .commonUnit .commonTitle {
    padding-bottom: 0.4rem;
    margin: 0.4rem 0;
}
.commonBox .commonUnit .commonDesc {
    padding: 0.2rem;
}
.commonBox .commonUnit .menuLogo {
    width: 60%;
}
.menuBox .showMore{
	background: #FFFFFF;
	border-bottom: 1px solid #ebebeb;
	box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.1);
	position:absolute;
	width:100%;
	top:2.8rem;
	left:0;
	z-index:9999
}
.menuBox .showMore .secondItem{
	text-align:center;
	padding:0.4rem 0
}
.menuBox .menuItem .home {
    letter-spacing: 0.3rem;
}
}