.unique{
	height: auto;
	background: url(../images/unique_bg.jpg) left top no-repeat;
	background-size: auto 100%;
}

.unique .unique-text{
	padding: 50px 0;
}

.unique .unique-text h2{
	font-size: 20px;
	line-height: 36px;
}

.unique .unique-text h2 span{
	display: block;
	font-size: 17px;
}

.unique .unique-text p{
	font-size: 14px;
	line-height: 32px;
	margin-top: 14px;
}



.sever-case{
	padding: 50px 0 48px;
	background: url(../images/sever_case_bg.jpg) center top no-repeat;
	background-size: auto 100%;
}

.sever-case-text .title h2{
	font-size: 24px;
	line-height: 28px;
}

.sever-case-text .title p{
	font-size: 16px;
	line-height: 28px;
	margin-top: 12px;
}

.sever-case-text .cha{
	margin-top: 26px;
	/*padding-left: 0;*/
}

.sever-case-text .cha ul li{
	margin-top: 10px;
	line-height: 22px;
}

.sever-case-text .cha ul li:last-child{
	margin-top: 6px;
	padding-left: 4px;
}

.sever-case-text .cha ul li i{
	margin-right: 8px;
}

.sever-case-text .cha ul li i img{
	height: 22px;
}

.sever-case-text .cha ul li p{
	font-size: 12px;
}

.sever-case-text .cha ul li p span{
	display: block;
}

.sever-case-text .but{
	margin-top: 24px;
}

.sever-case-text .but a{
	width: 104px;
	height: 28px;
	line-height: 26px;
	font-size: 12px;
	border-radius: 18px;
}




.salon_fix{
	display: none;
}


.case-page-text{
	margin: 0px auto 32px auto;
}

.case-page-text .title:after{
	bottom: -20px;
	width: 60px;
}

.case-page-text .title h3{
	font-size: 12px;
}

.case-page-text .title h2{
	font-size: 20px;
	line-height: 30px;
	margin-top: 8px;
}

.case-page-text .title h2 span{
	display: block;
}

.case-page-text .text{
	margin-top: 40px;
}

.case-page-text .text p{
	font-size: 14px;
	line-height: 26px;
}



.foot{
	padding-top: 40px;
}

.foot-com-name{
	font-size: 14px;
	line-height: 26px;
	padding-bottom:15px;
}

.foot-com-name span{
	
}


.foot-box{
	padding-top: 25px;
}

.foot-con{
	float: left;
	width: 100%;
}

.ewm .tp{
	width: auto;
	float: left;
	margin-right: 15px;
}

.ewm .tp img{
	width: 100px;
}

.ewm .text{
	width: 58%;
	float: left;
}

.ewm .text p{
	font-size: 12px;
	line-height: 22px;
	margin-top:12px;
}

.ewm .text span{
	display: block;
}

.ewm .text b{
	margin-top: 6px;
	font-size: 14px;
}


.foot-infor{
	margin-top: 10px;
}

.foot-infor ul li{
	padding: 15px 0;
}

.foot-infor ul li p{
	float: left;
	width: 90%;
	margin-left: 3%;
}


.city{
	display: none;
}

.area{
	display: none;
}


.foot-submenu{
	display: none;
}

.foot-copy{
	margin-top: 20px;
	padding-top: 12px;
	padding-bottom: 5px;
	font-size: 12px;
}



.home-news{
	margin-top: 10px;
}

.home-news ul li{
	width: 100%;
	margin-left: 0;
	line-height: 26px;
	height: 26px;
}

.home-news ul li:nth-child(3n+1){
	margin-left: 0;
}

.home-news ul li a{
	font-size: 12px;
}

.home-news ul li p{
	width: 70%;
}

.home-news ul li span{
	display: block;
	width: 26%;
}

.home-news ul li:before{
	font-size: 12px;
	line-height: 26px;
	width: 4%;
}

.home-news ul li:nth-child(12),.home-news ul li:nth-child(11),.home-news ul li:nth-child(10),.home-news ul li:nth-child(9){
	display: none;
}

.case.case-lb-box{
	padding: 0px 0 40px 0;
}

.case-artcle0 ul,.case-artcle1 ul,.case-artcle2 ul,.con-news-list ul{
	padding-bottom: 20px;
}


.viewMore{
	font-size: 16px;
	padding-right: 25px;
}

.viewMore:before{
	width: 16px;
	height: 9px;
	top: 8px;
}


.related-end .title i{
	font-size: 24px;
}

.related-end .title p{
	font-size: 12px;
	margin-top: 5px;
}

.related-end .box ul{
	padding-top: 10px;
}

.related-end .box ul li{
	float: left;
	width: 47.5%;
	margin-left: 5%;
	padding: 12px 0;
}

.related-end .box ul li i{
	font-size: 14px;
	line-height: 22px;
	height:44px;
	width: 100%;
	-webkit-line-clamp: 2;
}


.related-end .box ul li span{
	font-size: 12px;
	width: 100%;
	text-align: left;
	margin-top: 5px;
}




.sales{
	padding-top: 40px;
}

.sales-box{
	padding: 10px 0 40px 0;
}

.sales-box ul li{
	width: 26.33%;
	padding: 5px 2%;
	border-radius: 6px;
	margin: 10px 0 0 0;
	font-size: 15px;
	line-height: 20px;
}

.sales-box ul li span{
	display: inline;
}



.brand-menu-phone{
	display: block;
	padding: 10px 0 10px 0;
}

.brand-menu-phone ul li{
	width: 23%;
	float: left;
	text-align: center;
	margin: 8px 1%;
}


.brand-menu-phone ul li a{
	font-size: 12px;
	line-height: 18px;
	display: block;
	border-radius: 5px;
	padding: 5px 0;
	height: 36px;
	background: #f8f8f8;
}



.head{
	box-shadow: 0px 0px 10px #CCCCCC;
	overflow: hidden;
}
.head .container{
	width: 90%;
}
.menu-box .container{
	width: 90%;
}
.container{
	width: 90%;
}
.who .container{
	width: 90%;
}

.logo {
    float: left;
    height: 55px;
}


.logo h1{
	float: left;
	padding-top: 0px;
}


.logo h1 img{
	height: 65px;
	margin-top: -5px;
}


.logo i{
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 22px;
    margin-left: 8px;
    padding-left: 8px;
    margin-top: 17px;
}

.tel{
	display: none;
}



.phone-header{
	height:55px
}

#starlist {
		float: inherit;
		display: none;
		width: 50%;
		background: rgba(255, 255, 255, 1);
		position: fixed;
		top: 55px;
		left: 50%;
		border: 0.0625rem solid #ddd;
		z-index: 9999999999;
	}


	#starlist li {
		width: 90%;
		margin: 0 5%;
		height: auto;
		line-height: 40px;
		position: relative;
		border-bottom: 0.0625rem solid #eee;
	}
	#starlist li:first-child {
    width: 90%;
    padding-left: 0;
}

	#starlist li a {
		width: 100%;
		display: block;
		margin: 0;
		padding: 0;
		font-size: 12px;
		float: initial;
	}

	#starlist ul.sub {
		width: 100%;
		z-index: 9999999999;
	}

	#starlist ul.sub li{
		width: 100%;
		border-top: 0.0625rem solid #eee;
	}
	
	#starlist ul.sub li a {
		font-size: 12px;
		color: #777;
		line-height: 40px;
	}

	#mnavh {
		position: absolute;
		z-index: 9999;
		display: block;
		margin: 16px 0 0 0;
	}
	
	#mnavh {
	width: 18px;
	height: 28px;
}

.navicon {
	width: 20px;
	height: 2px;
	bottom: -10px;
}

.navicon:before,
.navicon:after {
	width: 20px;
	height: 2px;
}

.navicon:before {
	margin-top: -7px;
}

.navicon:after {
	margin-top: 7px;
}

.open .navicon {
	background: none
}

.open .navicon:before,
.open .navicon:after {
	width: 20px;
	height: 2px;
}



	.menu span {
		display: block;
		width: 40px;
		height: 40px;
		opacity: 0.5;
		position: absolute;
		top: 0;
		right: 0;
	}

	.menu:before {
		right: 5%;
		display: block;
		top: 19px;
		width: 12px;
		height: 6px;
	}
.slide-main .prev2,.slide-main .next2{
	opacity: 1;
}

.prev2,.next2{
	width: 50px;
	height: 100%;
	top:0;
	opacity: .5;
}

.prev2 img,.next2 img{
	display: block;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    opacity: .5;
}

.slide-main:hover .prev2:hover{
	background: initial;
}

.slide-main:hover .next2:hover{
	background: initial;
}

.prev2 img,.next2 img{
	height: 30px;
}

.prev2 img{
	left: 15px;
}

.next2 img{
	right: 15px;
}

.item1 {
	bottom: 15px;
}

.item1 a {
	width: 8px;
height: 8px;
	margin: 0 2px;
}

.item1 a.cur {
	width:8px;
}


.who{
	padding: 40px 0;
}

.who-title{
	width: 100%;
	text-align: center;
}

.who-title .title i{
	font-size: 20px;
	margin-top: 0;
}

.who-title .who-yw{
	position: initial;
	bottom: initial;
}

.who-title .who-yw span{
	height: 2px;
	width: 20px;
	margin: 15px auto 0 auto;
}

.who-title .who-yw i{
	font-size: 12px;
	margin-top: 10px;
	display: none;
}

.who-describe{
	width: 100%;
	margin-top: 20px;
}

.who-describe i{
	font-size: 12px;
	line-height: 24px;
}

.who-describe p{
	font-size: 12px;
	line-height: 24px;
	margin-top: 10px;
}


.culture{
	padding: 15px 0 40px 0;
	background: #f8f8f8;
}

.culture-list ul li{
	width: 98%;
	padding: 0 1%;
	margin-top: 12px;
}

.culture-list ul li em{
	display: inline;
}

.culture-list ul li i{
	line-height: 28px;
	font-size: 12px;
}

.culture-list ul li p{
	line-height: 24px;
	font-size: 14px;
	margin-top: 2px;
	padding: 0 5%;
}

.culture-list ul li:first-child p,.culture-list ul li:last-child p{
	line-height: 24px;
	margin-top: 0;
}


.culture-list ul li span{
	display: block;
	width: 100%;
	height: 1px;
	margin: 12px auto 0 auto;
	background: #ddd;
}

.culture-list ul li:nth-child(3) span{
	display: none;
}

.confused{
	padding: 40px 0;
}

.confused .title i{
	font-size: 20px;
}

.confused .title span{
	font-size: 12px;
	margin: 8px 0 10px 0;
}

.confused .title img{
	height: 12px;
}

.confused .content ul li{
	width: 46%;
	padding: 0 2%;
	margin-top: 22px;
	display: block;
	float: left;
}

.confused .content ul li:nth-child(3){
	display: none;
}

.confused .content ul li i{
	font-size: 17px;
	line-height: 30px;
	border-radius: 3px;
}

.confused .content ul li p{
	font-size: 12px;
	line-height: 24px;
	height: 48px;
	margin-top: 10px;
}


@media screen and (max-width: 377px) {
	.confused .content ul li p{
		font-size: 12px;
		line-height: 24px;
		height: 72px;
		margin-top: 10px;
	}
	
	.confused .content ul li:last-child p{
		height: 48px;
	}
	
}



.confused .content ul li span{
	margin: 14px auto 0 auto;
	width: 20px;
	height: 2px;
	display: none;
}

.confused .content ul li em{
	display: inline;
}



.what{
	padding-top: 40px;
}

.what .title{
	background-size: 80% auto;
	padding-bottom: 30px;
}

.what .title i{
	font-size: 20px;
}

.what .title span{
	width: 20px;
	height: 2px;
	margin: 15px auto 0 auto;
}




.strategic{
	padding: 40px 0;
}

.strategic:before{
	display: none;
}

.strategic .content{
	width: 100%;
	float: left;
}

.strategic .steps h2{
	font-size: 17px;
	line-height: 34px;
}

.strategic .steps span{
	width: 20px;
	height: 2px;
	margin-top: 12px;
}

.strategic .subtitle{
	margin-top: 20px;
}

.strategic .subtitle i{
	font-size: 22px;
	line-height: 36px;
}

.strategic .subtitle p{
	font-size: 14px;
	line-height: 22px;
}

.strategic .subtitle span{
	font-size: 26px;
	line-height: 38px;
}

.strategic .text{
	margin-top: 15px;
	width: 94%;
}

.strategic .text p{
	font-size: 12px;
	line-height: 24px;
}

.strategic .icon{
	display: none;
}

.strategic.bg:before{
	display: none;
}

.strategic.bg .steps{
	margin-top: 0px;
}




.quotes{
	padding: 35px 0 40px 0;
}

.quotes .title i{
	font-size: 20px;
	line-height: 34px;
}

.quotes .title span{
	width: 20px;
	height: 2px;
	margin: 14px auto 10px auto;
}

.quotes .title em{
	font-size: 12px;
	line-height: 18px;
	display: none;
}

.quotes .content{
	padding-top: 0px;
}

.quotes .content ul li{
	width: 100%;
	float: left;
	margin-top: 18px;
	margin-left: 0;
	border-bottom: 1px solid #668dc2;
	padding-bottom: 20px;
}

.quotes .content ul li:nth-child(2n+1){
	margin-left: 0;
}

.quotes .content ul li i{
	font-size: 17px;
	line-height: 34px;
	padding-left: 12px;
}

.quotes .content ul li span{
	font-size: 12px;
	line-height: 20px;
	text-align: right;
	margin-top: 18px;
	padding-right: 30px;
}

.case .content .list:nth-child(9){
	display: none;
}


@media only screen and (max-width:330px ) {
	.quotes .content ul li i{
	font-size: 16px;
	line-height: 32px;
	padding-left: 10px;
}

.quotes .content ul li span{
	font-size: 12px;
	line-height: 20px;
	text-align: right;
	margin-top: 15px;
	padding-right: 15px;
}
}

.case{
	padding: 35px 0 40px 0;
}

.case .title i{
	font-size: 20px;
	line-height: 34px;
}

.case .title p{
	font-size: 12px;
	line-height: 20px;
	margin-top: 10px;
}

.case .title p em{
	display: block;
}

.case .title span{
	width: 20px;
	height: 2px;
	margin: 12px auto 0 auto;
}

.case .content{
	margin-top: 20px;
}

.case .content .list{
	float: left;
	width: 100%;
}

.case .content .list:nth-child(5),.case .content .list:nth-child(6),.case .content .list:nth-child(7),.case .content .list:nth-child(8){
	display: none;
}

.case .content .text i{
	font-size: 16px;
	line-height: 30px;
	height: 30px;
}

.case .content .text span{
	font-size: 12px;
	line-height: 26px;
}

.more{
	margin-top: 20px;
}

.more a{
	width: 84px;
	height: 26px;
	display: block;
	border: 1px solid #666666;
	line-height: 24px;
	font-size: 12px;
}

.more a i{
	margin-left: 0;
}

.more a:before{
	display: none;
}

.more a:hover{
	width: 84px;
	height: 26px;
}





.honor{
	padding: 35px 0 40px 0;
	background-size: auto 100%;
}

.honor .title i{
	font-size: 20px;
	line-height: 24px;
}

.honor .title p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 10px;
}

.honor .title span{
	width: 20px;
	height: 2px;
	margin: 12px auto 0 auto;
}


.honor .content{
	margin-top: 0px;
}

.honor-text-list{
	float: left;
	width: 32.2%;
	margin-left: 1.5%;
	margin-top: 20px;
	padding: 10px 0 20px 0;
}

.honor-text-list:first-child{
	margin-left: 0;
}

.focus-on i{
	font-size: 36px;
}

.focus-on span{
	font-size: 16px;
	margin-top: 7px;
	margin-left: 5px;
}

.honor .honor-text-list:last-child .focus-on span{
	font-size: 24px;
	margin-top: 0px;
}


.honor-text-list .text{
	display: none;
	font-size: 12px;
	line-height: 24px;
	height: 96px;
	margin-top: 10px;
	padding: 0 4%;
}

.honor-text-list .text span{
	display: inline;
}


.honor-text-list .subtitle{
	font-size: 12px;
	margin-top: 0px;
}

.honor-text-list .subtitle i{
	margin: 0 5px;
}

.honor-text-list .subtitle span{
	font-size: 18px;
	display: none;
}




.news{
	padding: 35px 0 40px 0;
}

.news-top .title{
	float: left;
	width: 100%;
	text-align: center;
}

.news-top .title i{
	font-size: 20px;
	line-height: 30px;
}

.news-top .title p{
	font-size: 12px;
	line-height: 20px;
	margin-top: 5px;
}

.news-top .title span{
	width: 20px;
	height: 2px;
	margin: 10px auto 0 auto;
}

.news-box{
	margin-top: 10px;
}

.news-tab{
	float: right;
	width: 100%;
	
}

.tabs{ 
	margin-top: 20px;
	text-align: center;
}
.tabs a{
	width:68px;
	height: 22px;
	line-height:22px;
	font-size:12px;
	margin-left: 0px;
}

.tabs a.active{
}



.news-list{
	float: left;
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
	border-top: 1px solid #ddd;
}

.news-list:first-child{
	margin-left: 0;
	border-top: initial;
}


.news-list:first-child {
	display: block;
}



.news-list{
	display: none;
}

.news-list .title{
	padding: 10px 14px;
}

.news-list .title a{
	font-size: 14px;
	line-height: 20px;
}

.news-list .title a i{
	height: 20px;
	font-size: 14px;
}

.news-list .title span{
	font-size: 12px;
	line-height: 12px;
}

.news-list .text{
	margin-top: 2px;
}

.news-list .text p{
	font-size: 12px;
	line-height: 20px;
	height: 40px;
	display: none;
}

.news-list .details{
	display: none;
}





.trait{
	padding: 30px 0;
}

.trait-logo{
	width: 100%;
	float: left;
	background: none;
}

.trait-logo img{
	height: 24px;
	display: inline-table;
}

.trait-logo i{
	font-size: 12px;
	line-height: 20px;
	margin-left: 10px;
}

.trait-box{
	width: 100%;
	float: right;
	margin-top: 20px;
}

.trait-box ul li{
	width: 100%;
	float: left;
	border-left: initial;
	border-right: initial;
	border-bottom: 1px solid #92acd3;
	font-size: 12px;
	line-height: 22px;
	height: auto;
	padding: 0 0 10px 0;
	margin-bottom: 10px;
	text-align: left;
}

.trait-box ul li:first-child{
	border-left: initial;
	width: 100%;
	padding-left: 0;
}



.trait-box ul li:nth-child(2){
	width:100%;
}

.trait-box ul li:last-child{
	text-align: left;
	border-right: initial;
}
.trait-box ul li i {
    text-align: left;
}

.trait-box ul li span{
	display: inline;
}




.foot{
	padding-bottom: 20px;
}

.foot-menu{
	display: none;
}

.foot .content{
	padding: 24px 0 0px 0;
}

.foot-information{
	float: left;
	width: 100%;
}

.foot-information i{
	font-size: 16px;
	line-height: 30px;
}

.foot-information ul{
	padding-top: 6px;
}

.foot-information ul li{
	margin-top: 10px;
}

.foot-information ul li:first-child{
	display: none;
}


.foot-information ul li img{
	float: left;
	display: block;
	height: 24px;
}

.foot-information ul li p{
	float: left;
	line-height: 24px;
	font-size: 12px;
	margin-left: 10px;
	width: 80%;
}


.foot-wx{
	display: none;
}

.foot-wx .wx-box p{
	display: none;
}

.foot-wx .wx-box i{
	font-size: 14px;
	line-height: 30px;
	margin-top: 10px;
}

.foot-wx .wx-box img{
	height: 160px;
}

.foot-wx .wx-box{
	position: relative;
	display: inline-block;
	text-align: center;
}

.foot-copyright{
	font-size: 12px;
	margin-top: 20px;
	padding-top: 16px;
}

.link{
	display: none;
}



/*/??*/

.content-banner {
	padding: 40px 0 40px 0;
}

.content-banner .title i{
	font-size: 20px;
	line-height: 45px;
}

.content-banner .text{
	margin-top: 10px;
}

.content-banner .text span{
	width: 20px;
	height: 2px;
	margin: 0 auto 10px auto;
}

.content-banner .text p{
	font-size: 12px;
	line-height: 20px;
}

.slide-info img:first-child{
	display: none;
}

.slide-info img:last-child{
	display: block;
}



.case-menu-box{
	margin-top: 30px;
}

.case-menu-box .container {
	padding-bottom: 110px;
	border: initial;
}

.case-menu ul li a{
	width: 82px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	margin: 0 0px;
	border: 1px solid #FFFFFF;
	letter-spacing: 0;
}

.case-menu ul li a:hover{
	border: 1px solid #1F28F1;
}

.case-menu ul li a.case-active{
	border: 1px solid #1F28F1;
}

.case-menu ul li ul{
	top: 45px;
}

.case-menu ul li ul li{
	width: initial;
	padding: 0 10px 0 0;
	margin-bottom: 8px;
	display: block;
	float: left;
	margin-right: 3px;
}

@media only screen and (max-width:390px ) {
.case-menu ul li ul li{
	padding: 0 8px 0 0;
}
}

.case-menu ul li ul li a{
	width: 100%;
	padding: 0 4px;
	height: 22px;
	font-size: 12px;
	line-height: 20px;
	background: #EEEEEE;
	border-radius: 12px;
}

@media only screen and (max-width:375px ) {
.case-menu ul li ul li {
	padding: 0 10px;
}
}

@media only screen and (max-width:374px ) {
.case-menu ul li ul li {
	padding: 0 8px 0 0;
}
}

.case-menu ul li ul li a:hover:before{
	display: none;
}

.case-menu ul li ul li a:hover{
	background: #1F28F1;
	color: #FFFFFF;
}

.case-menu ul li ul li a.case-subactive{
	background: #1F28F1;
	color: #FFFFFF;
}

.case-menu ul li ul li a.case-subactive:before{
	display: none;
}




.case-list{
	margin-top: 20px;
}

.case-text .box{
	padding: 10px 15px;
}


.case-text .title a{
	font-size: 14px;
	line-height: 22px;
	height: 22px;
}

.case-text .classify{
	display: none;
}

.case-text .text{
	display: none;
}

.case-text .details{
	display: none;
}


/*翻页控件代码*/

.paging {
	padding: 20px 0 40px 0;
	height: 25px;
}

.paging .container {
	padding-bottom: 22px;
}

#AspNetPager1 span {
	width: 25px;
	height: 25px;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	line-height: 25px;
	margin-left: 2px;
	font-size: 12px;
}

.paging a {
	width: 25px;
	height: 25px;
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	font-size: 12px;
	line-height: 25px;
	margin: 0 0px;
}


.news-zk{
	margin-top: 12px;
}


.content-page{
	padding: 16px 0 30px 0;
}

.con-l-art{
	width: 100%;
	float: left;
}

.con-l-art .title-box{
	margin-bottom: 28px;
}

.con-l-art .title-box .title{
	
}

.con-l-art .title-box .title h1{
	font-size: 20px;
	line-height: 28px;
}

.con-l-art .title-box .attribute{
	margin-top: 8px;
}

.con-l-art .title-box .attribute span{
	font-size: 12px;
	line-height: 16px;
	margin-right: 4px;
	letter-spacing: 0;
}

.con-l-art .mg_b{
	font-size: 14px;
	line-height: 28px;
}

.con-l-art .share{
	margin-top: 20px;
}





.con-paging{
	margin-top: 30px;
	height: 46px;
}

.con-paging .on{
	float: left;
	width: 40%;
}

.con-paging .on i{
	padding-left: 15px;
	width: 80%;
}

.con-paging .on a:after{
	height: 12px;
	width: 9px;
	top: 20.5px;
}

.con-paging .on i a{
	font-size: 12px;
	line-height: 46px;
}


.con-paging .return{
	width: 20%;
}

.con-paging .return i{
	padding-left: 0;
	width: auto;
}

.con-paging .return i a{
	font-size: 12px;
	line-height: 46px;
}

.con-paging .return a:after{
	display: none;
}

.con-paging .down{
	width: 40%;
}

.con-paging .down i{
	width: 80%;
	padding-right: 15px;
}

.con-paging .down i a{
	font-size: 12px;
	line-height: 46px;
}

.con-paging .down a:after{
	height: 12px;
	width: 9px;
	top: 20px;
}



.related-end{
	padding-bottom: 30px;
}

.related-end .tle i{
	font-size: 20px;
}

.related-end .box{
	margin-top: 0px;
}




.con-message .container{
	padding: 30px 0;
}

.con-message .tle i{
	font-size: 24px;
}


.con-message .message-box{
	margin-top: 20px;
	padding: 0 0;
}


.message-box .name{
	width: 100%;
	float: left;
}

.message-box .name i,.message-box .phone i,.message-box .web i,.message-box .issue i{
	font-size: 14px;
	line-height: 26px;
}

.message-box .name input,.message-box .phone input{
	width: 94%;
	height: 28px;
	margin-top: 8px;
	padding: 0 3%;
	font-size: 14px;
}

.message-box .phone{
	width: 100%;
	float: right;
	margin-top: 15px;
}

.message-box .web{
	margin-top: 15px;
}

.message-box .web input{
	width: 98%;
	padding: 0 1%;
	height: 28px;
	font-size: 14px;
	margin-top: 8px;
}

.message-box .issue{
	margin-top: 15px;
}

.message-box .issue textarea{
	width: 98%;
	padding: 5px 1%;
	font-size: 14px;
	line-height: 28px;
	margin-top: 8px;
	height: 84px;
}


.message-submit{
	margin-top: 20px;
}

.message-submit a{
	width: 100px;
	height: 32px;
	font-size: 16px;
	line-height: 32px;
}


.news-banner{
	padding: 30px 0 50px 0;
}



/*资讯列表*/

.news-qj{
	margin-top: -19px;
	padding: 30px 0 40px 0;
}

.news-con-box{
	width: 100%;
	float: left;
}

.news-con-box .title{
	
}

.news-con-box .title h1{
	padding-left: 10px;
	font-size: 20px;
	line-height: 20px;
}

.news-con-box .title h1:after{
	height: 20px;
	width: 3px;
	border-radius: 3px;
	top: 1px;
	left: 0;
}

.recommend{
	margin-top: 15px;
}

.more-case{
	margin-top: 4px;
}

.more-case a{
	font-size: 12px;
	line-height: 26px;
}


.news-tj-case .case-list{
	margin-top: 18px;
	box-shadow: 0 0 5px #EEEEEE;
}

.news-tj-case .case-tp{
	width: 100%;
	float: left;
}

.news-tj-case .case-text{
	float: right;
	width: 100%;
}

.news-tj-case .case-text .box{
	padding: 6px 10px;
}


.news-tj-case .case-text .title a{
	font-size: 14px;
	line-height: 26px;
	-webkit-line-clamp: 1;
	height: 26px;
}

.news-tj-case .case-text .classify{
	margin-top: 5px;
}

.news-tj-case .case-text .classify a{
	display: none;
}


.news-tj-case .case-text .text{
	margin-top: 5px;
}

.news-tj-case .case-text .text p{
	font-size: 12px;
	line-height: 20px;
	-webkit-line-clamp: 1;
	height: 20px;
}

.news-tj-case .case-text .details{
	bottom: 15px;
}

.news-tj-case .case-text .details a{
	font-size: 12px;
	line-height: 20px;
}

.news-tj-case .case-text .details a:before{
	display: none;
}



.project{
	margin-top: 15px;
}


.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    left: 0 !important;
}

/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 47%;
    width: 45px;
    height: 45px;
    z-index: 100;
    font-size: 24px;
    line-height: 43px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{
	position: absolute;
    right: 20px;
    bottom: 20px;
    left: auto;
    height: 10px;
    font-size: 0;
}

.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 10px;
    height: 10px;
    float: left;
    text-indent: 0;
    background: rgb(158, 158, 158);
    border-radius: 50%;
    margin-right: 5px;
}
.indicators-line > .carousel-indicators .active{
    width: 20px;
    height: 10px;
    border-radius: 5px;

}

.tj-zx-text{
	padding: 8% 0 0 6%;
}

.tj-zx-text .subtitle{
	margin-bottom: 10px;
}

.tj-zx-text .subtitle i{
	font-size: 12px;
	height: 20px;
	width: 66px;
	line-height: 20px;
	border-radius: 10px;
}

.tj-zx-text .subtitle p{
	font-size: 14px;
	line-height: 22px;
	height: 44px;
	width: 80%;
	margin-top: 10px;
	-webkit-line-clamp: 2;
}

.tj-zx-text .ms-rq i{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 5px;
}

.tj-zx-text .ms-rq img{
	display: none;
}

.con-news-list{
	padding-top: 10px;
}

.con-list-box{
	margin-top: 10px;
}

.con-list-box .tp{
	width: 40%;
}

.con-list-box .tp img{
	height: 90px;
}


.con-list-box .xw-text{
	width: 60%;
	float: left;
}

.xw-text .box{
	padding: 10px 10px;
}

.xw-text .subtitle a{
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	-webkit-line-clamp: 2;
}


.vis-submit .submit-anniu a i:before{
	background-size: 16px 16px;
}

.mark-submit .submit-anniu a i:before{
	background-size: 16px 16px;
}

.xw-text .subtitle span{
	display: none;
	font-size: 12px;
	line-height: 12px;
	margin-top: 5px;
}

.con-message .tle span{
	font-size: 12px;
	margin-top: 5px;
}

.xw-text .text{
	margin-top: 8px;
}

.mes-title i{
	font-size: 20px;
}

.mes-title span{
	font-size: 12px;
	margin-top: 5px;
}

.xw-text .text p{
	line-height: 22px;
	font-size: 12px;
	-webkit-line-clamp: 2;
	height: 44px;
}

.xw-text .column{
	display: none;
}


.xw-text .column .xw-detail{
	display: none;
}


.xw-list-gd{
	margin-top: 20px;
}

.xw-list-gd a{
	width: 125px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #ddd;
	font-size: 12px;
	border-radius: 18px;
}


.news-submenu-box{
	width: 100%;
	margin-top: 30px;
	float: right;
}

.news-submenu-box .region{
	box-shadow: 0 0 5px #EEEEEE;
	padding: 20px 0;
	
}

.region .title{
	padding: 0 20px;
}

.region .title i{
	font-size: 16px;
	padding-left: 14px;
}

.region .title i:after{
	width: 3px;
	height: 15px;
	border-radius: 3px;
	top: 3px;
	left: 0;
}


.region .region-list{
	padding: 6px 20px 0 20px;
	
}

.region .region-list ul li{
	width: auto;
	height: 21px;
	margin-top: 14px;
	margin-right: 8px;
}

.region .region-list ul li a{
	min-width: initial;
	max-width: initial;
	font-size: 12px;
	line-height: 21px;
	border-radius: 10px;
	padding: 0 10px;
}

.design{
	margin-top: 15px;
}

.design .region-list{
	padding: 6px 20px 0 20px;
}

.design .region-list ul li{
	height: 21px;
	margin-top: 14px;
	margin-right: 10px;
}

.hot-case{
	margin-top: 15px;
}

.nom-case{
	margin: 20px 20px 0 20px;
}

.nom-case p{
	width: 90%;
	padding: 10px 5%;
	line-height: 18px;
	font-size: 12px;
}

.hot-case-list{
	margin: 0 20px;
	padding-top: 5px;
}

.hot-case-list .item{
	margin-top: 8px;
}

.hot-case-list .item .tp{
	float: left;
	width: 42%;
	overflow: hidden;
	
}

.hot-case-list .item .tp img{
	
}

.hot-case-list .item .text{
	float: right;
	width: 54%;
}

.hot-case-list .item .text i{
	font-size: 12px;
	line-height: 24px;
	height: 24px;
	margin-top: 0px;
	-webkit-line-clamp: 1;
}

.hot-case-list .item .text p{
	font-size: 12px;
	line-height: 20px;
	color: #666;
	-webkit-line-clamp: 1;
	height: 20px;
	margin-top: 0px;
}


.hot-news{
	margin-top: 15px;
}

.hot-news .hot-case-list .item .text i{
	line-height: 22px;
	height: 22px;
	-webkit-line-clamp: 1;
}

.hot-news .hot-case-list .item .text p{
	line-height: 20px;
	-webkit-line-clamp: 1;
	height: 20px;
}


.case.case-lb-box{
	padding: 0px 0 20px 0;
}

.case-lb-more{
	text-align: center;
	margin-bottom: 30px;
	margin-top: 10px;
}

.case-lb-more a{
	font-size: 14px;
	padding-right: 25px;
}

.case-lb-more a:before{
	content: "";
	display: block;
	width: 16px;
	height: 9px;
	background: url(../images/more_x_jj.jpg) left top no-repeat;
	position: absolute;
	right: 0;
	top: 6px;
}


.case-menu ul li{
	margin: 0 2px;
}

.brand-pos{
	padding: 40px 0 40px 0;
}

.pos-title{
	float: left;
	width: 100%;
}

.pos-title .title i{
	font-size: 18px;
	line-height: 32px;
}

.pos-title .title i span{
	display: inline;
}

.pos-title .pos-yw{
	display: none;
}

.pos-title .pos-yw span{
	display: none;
}

.pos-title .pos-yw i{
	font-size: 16px;
	margin-top: 20px;
}

.pos-describe{
	width: 100%;
	float: right;
	margin-top: 20px;
}

.pos-describe i{
	font-size: 14px;
	line-height: 26px;
}

.pos-describe p{
	font-size: 12px;
	line-height: 24px;
	margin-top: 10px;
}




.cul-con{
	padding: 40px 0;
}

.cul-title{
	border-bottom: 1px solid #333333;
	padding-bottom: 10px;
}

.cul-title i{
	font-size: 20px;
	line-height: 24px;
	float: left;
}

.cul-title span{
	font-size: 16px;
	line-height: 24px;
}


.cul-list{
	margin-top: 20px;
}

.cul-list ul li{
	float: left;
	width: 50%;
	border-top: 1px solid #dadcfa;
}

.cul-list ul li .line{
	padding: 24px 0%;
	border-left: 1px solid #dadcfa;
}

.cul-list ul li:nth-child(2n+1) .line{
	border-left: initial;
}

.cul-list ul li:nth-child(1){
	border-top: initial;
}

.cul-list ul li:nth-child(3){
	width: 49.8%;
	border-top: 1px solid #dadcfa;
	clear: both;
}

.cul-list ul li:nth-child(3n+2) .line{
	border-left: initial;
	border-right: initial;
}

.cul-list ul li:nth-child(1) .line{
	border-right: 1px solid #dadcfa;
}

.cul-list ul li:nth-child(9) .line{
	border-left: 1px solid #dadcfa;
	border-right: initial;
}

.cul-list ul li:nth-child(6) .line{
	border-left: initial;
}

.cul-list ul li:nth-child(7){
	clear: initial;
}

.cul-list ul li:nth-child(7) .line{
	border-left: 1px solid #dadcfa;
}


.cul-list ul li:nth-child(4){
	clear: initial;
}

.cul-list ul li:nth-child(3n+2){
	width: 50%;
}

.cul-list ul li:nth-child(5){
	width: 100%;
}

.cul-list ul li i{
	font-size: 15px;
}

.cul-list ul li:nth-child(2) p{
	height: auto;
}

.cul-list ul li p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 7px;
	padding: 0 8%;
}

.cul-list ul li p span{
	font-size: 12px;
	width: 100%;
}


.cul-list ul li:nth-child(4) .line,.cul-list ul li:nth-child(6) .line{
	padding-top: 24px;
}


.key-con .title em{
	display: block;
}

.key-list{
	margin-top: 18px;
}

.key-list ul li{
	float: left;
	width: 49%;
	margin-left: 1%;
	margin-top: 8px;
	padding: 22px 0;
}



.key-list ul li:nth-child(3n+1){
	margin-left:1%;
}

.key-list ul li:nth-child(2n+1){
	margin-left:0;
}

.key-list ul li i{
	font-size: 15px;
}

.key-list ul li p{
	font-size: 12px;
	line-height: 22px;
	padding: 0 8%;
	margin-top: 10px;
	height: 110px;
}



.origin{
	padding: 40px 0;
}

.origin i{
	font-size: 20px;
}

.origin p{
	font-size: 14px;
	line-height: 28px;
	margin-top: -20px;
}

.origin p span{
	display: inline;
}



.find-par .container{
	padding: 40px 0;
}

.find-par .title{
	width: 100%;
	float: left;
}

.find-par .title i{
	font-size: 20px;
	line-height: 30px;
}

.find-par .title span{
	display: none;
}

.find-par .text{
	width: 100%;
	float: right;
	margin-top: 20px;
}

.find-par .text p{
	font-size: 13px;
	line-height: 26px;
}


.par-foot-wz{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 40px;
}

.par-list{
	width: 100%;
	margin: 0px 0 30px 0;
}

.par-list .par-line{
	border: 2px solid #f4f4fe;
	padding: 0px 0 20px 0;
}

.par-idem{
	float: left;
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #edeefe;
	padding-top: 20px;
}

.par-idem:first-child{
	border-top: initial;
	margin-top: 5px;
}

.par-idem .line{
	padding: 0 6%;
	border-left: initial;
}

.par-idem:nth-child(2n+1) .line{
	border-left: initial;
}

.par-idem .character i{
	font-size: 14px;
	margin-top: -4px;
}

.par-idem .character em{
	font-size: 20px;
	margin-left: 10px;
}


.par-idem .character{
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-box-align: left;
	-ms-flex-align: left;
	-webkit-align-items: left;
	align-items: left;
}

.par-idem .category{
	margin: 10px 0 20px 0;
}

.par-idem .category ul li{
	font-size: 15px;
	float: left;
	line-height: 28px;
	margin-bottom: 3px;
	margin-right: 8px;
}

.par-idem .text{
	clear: both;
}

.par-idem .text p{
	font-size: 12px;
	line-height: 22px;
}



.list-banner img:first-child{
	display: none;
}

.list-banner img:last-child{
	display: block;
}





.position-pro{
	padding: 30px 0;
}

.pro-bg{
	display: none;
}

.pro-title{
	float: left;
	width: 100%;
	padding-top: 0px;
}

.pro-title .title i{
	font-size: 20px;
}

.pro-title .title p{
	font-size: 14px;
	line-height: 28px;
	margin-top: 5px;
}

.pro-title .title p span{
	display: inline;
}


.pro-title .pro-yw{
	display: none;
}

.pro-title .pro-yw span{
	height: 3px;
	width: 20px;
}

.pro-title .pro-yw i{
	font-size: 12px;
	margin-top: 10px;
}

.pro-describe{
	width: 100%;
	float: right;
	margin-top: 18px;
}

.pro-describe p{
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 12px;
	font-weight: initial;
}


.pos-system{
	padding: 35px 0;
}

.pos-system .title i{
	font-size: 20px;
	line-height: 30px;
}

.pos-system .title span{
	width: 20px;
	height: 2px;
	margin: 16px auto 10px auto;
}

.pos-system .title p{
	font-size: 14px;
	line-height: 22px;
}


.sys-content{
	margin-top: 16px;
}

.sys-content .text{
	float: left;
	width: 100%;
	margin-top: 7px;
	display: none;
}

.sys-content .sub-tit{
	border-right: 2px solid rgba(255,255,255,.1);
}

.sys-content .sub-tit p{
	font-size: 15px;
	line-height: 26px;
}

.sys-content .sub-tit span{
	display: inline;
}

.sys-content .sub-tit span:first-child{
	display: block;
}

.sys-content .des{
	position: initial;
	bottom: 0;
	padding-top: 8px;
	border-right: 2px solid rgba(255,255,255,.05);
}

.sys-content .des p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 0px;
}

.sys-content .des span{
	display: none;
}


.sys-trait{
	width: 100%;
	float: right;
	margin-top: 8px;
	border-radius: 8px;
}

.sys-trait-box{
	padding: 20px 25px;
}

.sys-trait-box .item{
	border-top: 1px solid #dcdcdc;
	padding-top: 15px;
	margin-top: 18px;
}

.sys-trait-box .item:first-child{
	border-top: initial;
	padding-top: initial;
	margin-top: initial;
}

.sys-trait-box .item .tp{
	float: left;
	width: 24%;
}

.sys-trait-box .item .trait-text{
	float: right;
	width: 72%;
}

.sys-trait-box .item .trait-text i{
	font-size: 17px;
}

.sys-trait-box .item .trait-text p{
	font-size: 13px;
	line-height: 22px;
	margin-top: 10px;
}





.ser-no-1{
	padding: 0px 0 35px 0;
	margin-top: 25px;
	background: #F8F8F8;
}

.ser-no1-title i{
	font-size: 17px;
	line-height: 26px;
	padding-left: 0;
	width: 100%;
	display: block;
	text-align: center;
	color: #333;
}

.ser-no1-title i:after{
	width: 14px;
	height: 18px;
	top: 4px;
	background-size: auto 18px ;
	display: none; 
}

.ser-no1-title p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 25px;
	text-align: center;
	color: #333;
}

.ser-no1-title p span{
	display: inline;
}

.ser-no1-title.ser-no2 p span{
	display: block;
}

.ser-no1-icon{
	margin-top: 26px;
	padding: 0 0px 0 0px;
}

.ser-no1-icon .tp{
	display: none;
}


.pos-ser .over-title{
	
}

.pos-ser .over-title.hei span{
	
	
}

.over-title.hei i{
	line-height: 30px;
	text-align: center;
}
.ser-no-2 .tp ul li{
	width: 46%;
	height: 60px;
	box-shadow: 0 0 5px #eee;
	margin: 0 2%;
	float: left;
	margin-bottom: 12px;
}

.ser-no-2 .tp ul li i{
	font-size: 14px;
	margin-left: 10px;
}

.ser-no-2 .tp ul li img{
	height: 16px;
}

.ser-no-2 .tp b{
    font-size: 14px;
    line-height: 24px;
    margin-top: 6px;
    padding-right: 2%;
    color: #1A58C6;
}


@media only screen and (max-width:330px ) {
	.ser-no-2 .tp ul li i{
	font-size: 12px;
	margin-left: 8px;
}
}


.ser-no1-icon .text{
	width:90%;
	float: right;
	padding: 15px 5%;
	background: #1A58C6;
	border-radius: 8px;
}

.ser-no1-icon .text ul li{
	margin-top: 12px;
	padding-top: 12px;
	line-height: 24px;
	font-size: 13px;
	padding-left: 0px;
	color: #FFFFFF;
	border-top: 1px solid rgba(255,255,255,0.3);
}

.ser-no1-icon .text ul li:first-child{
	margin-top: 0;
	padding-top: 0;
	border-top: initial;
}

.ser-no1-icon .text ul li:nth-child(6){
	display: none;
}

.ser-no1-icon .text ul li:after{
	display: none;
	width: 5px;
	height: 5px;
	background: url(../images/position_line.png) right top no-repeat;
	position: absolute;
	left: 0px;
	top: 12px;
	z-index: 1;
}

.ser-no1-icon .xz p{
	font-size: 13px;
	line-height: 24px;
	margin-top: 14px;
	color: #1A58C6;
}



.ser-no-2{
	padding: 35px 0;
	background: #FFFFFF;
}

.ser-no1-title.ser-no2 p {
    margin-top: 25px;
    text-align: center;
}

.ser-no1-title.ser-no2 i{
	padding-left: 0px;
}

.ser-no1-title i em{
	display: inline;
}
.ser-no1-title.ser-no2 i:after{
	width: 27px;
	height: 18px;
	left: 0;
	top: 5px;
	background-size: auto 18px; 
	display: none;
}



.ser-no-2 .tp{
	width: 100%;
	margin-top: 10px;
	padding: 0 0;
}


.ser-no2-text p{
	display: none;
}

.ser-no-3{
	padding: 35px 0;
}

.ser-no-3 .text{
	width: 100%;
}

.ser-no3-title{
	width: 100%;
}

.ser-no3-title i{
	font-size: 20px;
	line-height: 36px;
	padding-left: 30px;
}
.ser-no3-title i:after{
	width: 27px;
	height: 20px;
	left: 0;
	top: 9px;
	background-size: auto 20px ; 
}

.ser-no3-title img{
	margin-top: 0px;
	display: none;
}


.ser-no3-text{
	float: left;
	width: 100%;
	margin-top: 10px;
}

.ser-no3-text i{
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 15px;
}

.ser-no3-text p{
	font-size: 14px;
	line-height: 26px;
}

.ser-icon-6{
	padding-top: 20px;
	margin-top: 20px;
}

.ser-icon-6 b{
	font-size: 18px;
	margin-bottom: 0px;
}

.ser-icon-6 ul {
}

.ser-icon-6 ul li{
	width: 49.8%;
	height: 20px;
	float: left;
	border-left: 1px solid #ccc;
	margin-top: 15px;
}

.ser-icon-6 ul li:first-child{
	border-left: initial;
}

.ser-icon-6 ul li:nth-child(4){
	border-left: 1px solid #ccc;
}

.ser-icon-6 ul li:nth-child(2n+1){
	border-left: initial;
}

.ser-icon-6 ul li img{
	height: 12px;
}

.ser-icon-6 ul li i{
	margin-left: 6px;
	font-size: 14px;
}


.pos-step{
	padding: 40px 0;
}

.over-title i{
	font-size: 20px;
}

.over-title span{
	width: 20px;
	height: 2px;
	margin: 15px auto 10px auto;
}

.over-title p{
	font-size: 12px;
	letter-spacing: 0;
	display: none;
}

.step-content {
    margin-top: -5px;
}

.step-content ul:before{
	content: "";
	position: absolute;
	left: 0;
	top: 137px;
	width: 100%;
	height: 1px;
	background: #8fb4e0;
	z-index: 1;
}


.step-content ul:after{
	left: 0;
	bottom: 38px;
	width: 100%;
	height: 1px;
	z-index: 1;
}

.step-content ul li{
	width: 40%;
	float: left;
	margin-top: 30px;
	padding: 0 5%;
}

.step-content ul li:after{
	display: none;
}

.step-content ul li p{
	font-size: 15px;
	line-height: 26px;
	padding: 13px 0 24px 0;
	background-size: auto 100%;
}

.step-content ul li img{
	margin: 10px auto;
}

.step-content ul li i{
	font-size: 18px;
}


.pos-ser{
	padding-top: 40px;
}


.pos-stand{
	padding: 35px 0;
}

.stand-content{
	margin-top: 20px;
}

.stand-content ul li{
	width: 49%;
	float: left;
	margin-left: 2%;
}

.stand-content ul li:nth-child(3n+1){
	margin-left: 2%;
}

.stand-content ul li:nth-child(2n+1){
	margin-left: 0;
}

.stand-content ul li{
	padding: 18px 0;
	margin-top: 8px;
}

.stand-content ul li i{
	font-size: 16px;
	line-height: 18px;
}

.stand-content ul li i img{
	margin-right: 8px;
	height: 18px;
}

.stand-content ul li p{
	display: none;
	font-size: 13px;
	line-height: 24px;
	padding: 0 7%;
	height: 130px;
	margin-top: 6px;
}


.over-title em {
	display: block;
}

.pos-ability{
	padding: 35px 0;
}

.ability-content{
	margin-top: 22px;
}

.ability-content ul li{
	width: 50%;
	float: left;
	margin-left: 0;
}

.ability-content ul li:nth-child(3n+1){
	margin-left: 0;
}

.ability-content ul li:nth-child(2n+1){
	margin-left: 0;
}

.ability-content ul li .line{
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	padding: 24px 0;
}

.ability-content ul li:nth-child(3n+1) .line{
	border-left: 1px solid #eeeeee;
}

.ability-content ul li:nth-child(2n+1) .line{
	border-left: initial;
}

.ability-content ul li:nth-child(1) .line,.ability-content ul li:nth-child(2) .line{
	border-top: initial;
}

.ability-content ul li:nth-child(3) .line{
	border-top: 1px solid #eeeeee;
}

.ability-content ul li i{
	font-size: 16px;
	line-height: 30px;
}

.ability-content ul li p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 5px;
	padding: 0 7%;
	height: 88px;
}

.ability-content ul li p span{
	font-size: 14px;
	line-height: 22px;
}



.pos-submit{
	background-size: auto 100%;
	padding: 35px 0;
}

.pos-submit .text{
	width: 100%;
	float: left;
	margin-left: 0%;
}

.pos-submit .title i{
	font-size: 20px;
	line-height: 30px;
}

.pos-submit .title em{
	display: inline;
}

.pos-submit .title span{
	font-size: 12px;
	line-height: 22px;
	margin-top: 5px;
	font-weight: 100;
}

.pos-submit .gift{
	margin-top: 12px;
}

.pos-submit .gift i{
	font-size: 18px;
	line-height: 32px;
}

.pos-submit .gift p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 5px;
}

.pos-submit .gift span{
	display: block;
}

.pos-submit .submit-tel{
	margin-top: 15px;
	display: flex;
}

.pos-submit .submit-tel img{
	height: 40px;
}

.pos-submit .submit-tel p{
	font-size: 21px;
	line-height: 27px;
	margin-left: 15px;
}

.pos-submit .submit-tel span{
	font-size: 14px;
}



.pos-mit-box{
	width: 100%;
	float: right;
	margin-right: 0;
	margin-top: 30px;
}

.pos-name{
	position: relative;
	margin-bottom: 15px;
}

.pos-name input{
	width: 87%;
	border-radius: 5px;
	height: 36px;
	padding: 0 3% 0 10%;
	font-size: 14px;
}

.pos-name:after{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 10px;
	left: 3%;
	background-size: 16px 16px;
}

.pos-name.pos-tel:after{
	background-size: 16px 16px;
}

.pos-name.pos-com:after{
	background-size: 16px 16px;
}


.pos-wt textarea{
	width: 87%;
	border-radius: 5px;
	padding: 4px 3% 4px 10%;
	font-size: 14px;
	line-height: 28px;
	height: 84px;
}

.pos-wt:after{
	width: 16px;
	height: 16px;
	top: 10px;
	left: 4.8%;
	left: 3%;
	background-size: 16px 16px;
}

.submit-anniu{
	margin-top: 15px;
}

.submit-anniu a{
	border-radius: 5px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
}

.submit-anniu a i{
	position: relative;
	margin-left: -15px;
}

.submit-anniu a i:before{
	width: 16px;
	height: 16px;
	top: 2px;
	right: -25px;
	background-size: 16px 16px;
}





.visual-pro{
	padding: 30px 0;
}

.visual-title{
	width: 100%;
	float: left;
	padding-left: 0;
	text-align: center;
}

.visual-title .title i{
	font-size: 20px;
	line-height: 30px;
}

.visual-title .title i span{
	display: inline;
}

.visual-title .visual-yw{
	position: initial;
	bottom: initial;
	width: 20px;
	height: 2px;
	margin: 16px auto 0 auto;
}

.visual-describe{
	width: 100%;
	float: left;
	margin-top: 14px;
}

.visual-describe p{
	font-size: 12px;
	line-height: 24px;
	margin-top: 6px;
}

.visual-describe span{
	display: none;
}




.visual-problem{
	padding: 30px 0;
}

.visual-title-global .text i{
	font-size: 20px;
}

.visual-title-global .text span{
	width: 20px;
	height: 2px;
	margin: 15px auto 0 auto;
}

.visual-title-global em{
	font-size: 50px;
	top: -5px;
	margin-left: -151px;
}

.vis-pro-con{
	margin-top: 30px;
}

.vis-pro-con ul li{
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	border-radius: 5px;
	padding: 12px 0;
}

.vis-pro-con ul li p{
	font-size: 16px;
	line-height: 30px;
	padding: 0 5%;
}

.vis-pro-con ul li span{
	display: inline;
}

.vis-pro-dic{
	margin-top: 14px;
}

.vis-pro-dic p{
	font-size: 12px;
	line-height: 22px;
}

.vis-pro-dic p span{
	display: inline;
}






.visual-ideas{
	padding: 35px 0;
}


.visual-ideas .container{
	width: 90%;
}


.visual-title-global.vis-hei em{
	margin-left: -80px;
}

.vis-ideas-con{
	margin-top: 30px;
}

.vis-ideas-no1{
	height: auto;
	background-size: auto 150%;
	padding: 30px 0 ; 
}

.vis-ideas-no1 .text{
	float: left;
	width: 90%;
	margin-left: 5%;
	padding-top: 0;
}

.num{
	font-size: 12px;
	width: 80px;
	height: 22px;
	line-height: 22px;
	border-radius: 13px;
}

.vis-ideas-no1 .text .title i{
	font-size: 20px;
	line-height: 42px;
	margin-top: 10px;
}

.vis-ideas-no1 .text .title i span{
	display: inline;margin-left: 12px;
}


.vis-ideas-no1 .text .title p{
	font-size: 14px;
	margin-top: 8px;
}

.vis-ideas-no1 .ideas-des{
	margin-top: 12px;
}

.vis-ideas-no1 .ideas-des p{
	font-size: 12px;
	line-height: 22px;
	width: 93%;
}


.no1-ideas-con{
	width: 90%;
	margin-left: 5%;
	float: left;
}

.mt-tabpage-title {
	position: initial;
	bottom: 20px;
	text-align: center;
	margin: 0 auto;
}

.mt-tabpage-title img{
	height: 40px;
}

.mt-tabpage-count {
	width: 261px;
	height: 210px;
	margin: 30px auto 0 auto;
}

.mt-tabpage-count .mt-tabpage-item {
	width: 261px;
	height: 210px;
	text-align: center;
	margin: 0 auto;
}

.mt-tabpage-count .mt-tabpage-item img{
	height: 70px;
}

.mt-tabpage-count .mt-tabpage-item i{
	display: block;
	font-size: 12px;
	margin-top: 20px;
}

.mt-tabpage-count .mt-tabpage-item p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 10px;
	padding: 0 3%;
}


.vis-ideas-no2{
	margin-bottom: 20px;
	padding: 30px 0 34px 0;
}

.vis-ideas-no2 .text{
	float: left;
	width: 90%;
	margin-left: 5%;
	padding: 0;
}

.vis-ideas-no2 .text .title i{
	font-size: 20px;
	line-height: 32px;
	margin-top: 15px;
}

.vis-ideas-no2 .text .title i em,.vis-ideas-no2 .ideas-des p em{
	display: inline;
}

.vis-ideas-no2 .ideas-des{
	margin-top: 18px;
}

.vis-ideas-no2 .ideas-des span{
	width: 20px;
	height: 2px;
}

.vis-ideas-no2 .ideas-des p{
	font-size: 13px;
	line-height: 26px;
	width: 93%;
	margin-top: 10px;
}

.vis-ideas-no2 .ideas-tp{
	float: right;
	width: 90%;
	margin-top: 20px;
}

.vis-ideas-no2 .ideas-tp i{
	font-size: 13px;
	margin-left: 5%;
	margin-top: -20px;
}

.vis-ideas-no2 .ideas-tp p{
	font-size: 12px;
	margin-top: 8px;
	margin-left: 5%;
}



.vis-ideas-no3{
	margin-top: 20px;
	padding: 30px 0;
}

.vis-ideas-no3 .text{
	float: left;
	width: 90%;
	margin-left: 5%;
	padding: 0;
}

.vis-ideas-no3 .text .title i{
	font-size: 20px;
	line-height: 32px;
	margin-top: 10px;
}

.vis-ideas-no3 .text .title p{
	font-size: 14px;
	line-height: 26px;
	margin-top: 10px;
	font-weight: initial;
}

.vis-ideas-no3 .text .title i em{
	display: block;
}

.vis-ideas-no3 .ideas-des p em,.vis-ideas-no3 .text .title p em{
	display: inline;
}

.vis-ideas-no3 .ideas-des{
	margin-top: 12px;
}

.vis-ideas-no3 .ideas-des span{
	width: 20px;
	height: 3px;
}

.vis-ideas-no3 .ideas-des p{
	font-size: 15px;
	line-height: 26px;
	width: 93%;
	margin-top: 0px;
}

.vis-ideas-no3 .ideas-tp{
	float: right;
	width: 90%;
	padding: 0 5%;
	margin-top: 30px;
}




.vis-ser{
	padding: 30px 0 ;
}

.vis-ser .visual-title-global.vis-hei em{
	margin-left: -112px;
}

.vis-ser-con{
	margin-top: 0px;
}

.ser-des{
	float: left;
	width: 98%;
	margin: 0 1%;
	margin-top: 40px;
}

.ser-des .ser-line{
	border: 2px solid #f0f4f9;
	border-radius: 10px;
}

.ser-des .title{
	width: 205px;
	margin: 0 auto;
	margin-top: -10px;
}

.ser-des .title i{
	font-size: 16px;
}

.ser-des .title span{
	font-size: 12px;
	letter-spacing: 0;
	margin-top: 0px;
	display: none;
}

.ser-des-con ul{
	padding: 25px 0 25px 0;
}

.ser-des-con ul li{
	width: 42%;
	float: left;
	border-bottom: 1px solid #eee;
	margin: 0 4% 15px 4%;
	padding-bottom: 15px;
	display: flex;
}

.ser-des-con ul li:nth-child(3),.ser-des-con ul li:nth-child(4){
	border-bottom: initial;
	padding-bottom: 0px;
	margin-bottom: 0;
}

.ser-des-con ul li img{
	height: 25px;
}


.ser-des-con ul li i{
	font-size: 16px;
	margin-left: 8px;
	width: auto;
	padding: initial;
	font-weight: initial;
}




.vis-prod{
	height: 760px;
	background-color: #dbab63;
	background-size: auto 780px;
	background-position: -635px bottom;
	background-image: url(../images/vis_prod_phone.jpg);
	
}

.vis-prod .text{
	padding-top: 48px;
}

.vis-prod .text i{
	font-size: 28px;
	line-height: 34px;
}

.vis-prod .text em{
	display: block;
}

.vis-prod .text span{
	display: block;
	width: 30px;
	height: 3px;
	margin-top: 30px;
}

.vis-prod .text p{
	font-size: 14px;
	line-height: 30px;
	margin-top: 22px;
}





.vis-adv{
	padding: 40px 0;
}

.vis-adv .visual-title-global em{
	margin-left: -160px;
}

.vis-adv-con{
	margin-top: 20px;
}

.vis-adv-con ul li{
	width: 94%;
	margin-left: 0;
	float: left;
	margin-top: 10px;
	padding: 25px 3%;
}

.vis-adv-con ul li:nth-child(2n+1){
	margin-left: 0;
}

.vis-adv-con .adv-icon {
	width: 10%;
	float: left;
	text-align: left;
}

.vis-adv-con .text{
	width: 85%;
	float: right;
	margin-top: 0px;
	text-align: left;
}

.vis-adv-con .text i{
	font-size: 16px;
	line-height: 28px;
}

.vis-adv-con .text p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 0px;
}


.vis-case{
	padding: 40px 0;
}

.vis-case .visual-title-global em{
	margin-left: -70px;
}


.vis-submit .title i{
	font-size: 18px;
}

.vis-submit .title span{
	font-size: 12px;
	margin-top: 0;
}

.vis-submit .gift i span{
	 display: inline;
}

.vis-submit .gift i{
	font-size: 24px;
	line-height: 38px;
}



.mark-js{
	padding: 30px 0;
}


.mark-title{
	width: 100%;
	float: left;
	text-align: center;
}

.mark-title .title i{
	font-size: 20px;
	line-height: 34px;
}

.mark-title .title i span{
	display: block;
}

.mark-title .mark-yw{
	position: initial;
	bottom: initial;
	width: 20px;
	height: 2px;
	margin: 12px auto 0 auto;
}

.mark-describe{
	width: 100%;
	float: right;
	margin-top: 20px;
}

.mark-describe p{
	font-size: 12px;
	line-height: 26px;
}




.mark-potential{
	padding: 30px 0;
}


.mark-title-unify i{
	font-size: 20px;
}

.mark-title-unify span{
	width: 20px;
	height: 2px;
	margin: 12px auto 8px auto;
}

.mark-title-unify p{
	font-size: 12px;
	letter-spacing: 0;
	display: none;
}


.pot-con-box{
	margin-top: 40px
}

.pot-con-no1{
	float: left;
	width: 48%;
}

.pot-title{
	margin-top: 0px;
	padding-left: 30px;
}

.pot-title:before{
	width: 20px;
	height: 67px;
	top: 5px;
	background-size: 20px auto;
}

.pot-title i{
	font-size: 14px;
}

.pot-title p{
	font-size: 18px;
	margin-top: 5px;
}

.pot-title span{
	width: 20px;
	height: 2px;
	margin-top: 15px;
}

@media only screen and (max-width:400px ) {
	.pot-title p{
	font-size: 16px;
	margin-top: 5px;
}
.pot-title i{
	font-size: 12px;
}
}


@media only screen and (max-width:350px ) {
	.pot-title p{
	font-size: 14px;
	margin-top: 5px;
}
.pot-title i{
	font-size: 12px;
}
}

.pot-con-no1 .tp{
	margin-top: 30px;
}

.pot-con-no2{
	float: right;
	width: 48%;
}

.pot-con-no2 .pot-title{
	margin-top: 36px;
}


.pot-con-no2 .pot-title:before{
	background-size: 20px auto;
}




.mark-pro{
	padding: 30px 0;
}

.mark-pro .mark-title-unify.bai i font{
	display: block;
}

.mark-pro .mark-title-unify.bai span{
	margin: 18px auto 14px auto;
}

.mark-pro .mark-title-unify.bai p{
	font-size: 14px;
}

.mark-pro-con{
	margin-top: 20px;
}

.mark-pro-con ul li{
	float: left;
	width: 49%;
	margin-left: 2%;
	margin-top: 10px;
	padding: 18px 0;
}

.mark-pro-con ul li:nth-child(3n+1){
	margin-left: 2%;
}

.mark-pro-con ul li:nth-child(2n+1){
	margin-left: 0;
}

.mark-pro-con ul li i{
	font-size: 16px;
}

.mark-pro-con ul li img{
	margin-right: 8px;
	height: 18px;
}

.mark-pro-con ul li p{
	display: none;
	padding: 0 8%;
	font-size: 13px;
	line-height: 22px;
	margin-top: 10px;
	height: 110px;
}





.mark-server{
	padding: 30px 0;
}

.ser-con-1{
	margin-top: 20px;
	padding-bottom: 10px;
}

.ser-con-1 .ser-con-icon1 em{
	font-size: 12px;
	width: 90px;
	height: 22px;
	line-height: 22px;
	border-radius: 13px;
	margin: 0 auto 10px auto;
	background: #ccc;
}


.ser-con-1 .text{
	float: left;
	width: 100%;
	margin-top: 0px;
	text-align: center;
}

.ser-con-1 .text .title em{
	font-size: 12px;
	width: 80px;
	height: 22px;
	line-height: 22px;
	border-radius: 13px;
	margin:0 auto 8px auto;
	
}

.ser-con-1 .text .title i{
	font-size: 20px;
}

.ser-con-1 .text .title p{
	font-size: 14px;
	margin-top: 6px;
}

.ser-con-1 .text .title span{
	width: 20px;
	height: 2px;
	margin: 15px auto 0 auto;
}

.ser-con-1 .text .con-wz{
	margin-top: 18px;
}

.ser-con-1 .text .con-wz p{
	font-size: 13px;
	line-height: 24px;
}

.ser-con-1 .tp{
	float: right;
	width: 80%;
	padding: 0 10%;
	margin: 0px auto 0 auto;
	
}


.ser-con-2{
	padding: 30px 0;
}

.ser-con-3{
	margin-top: 30px;
}

.ser-con-3 .text{
	margin-top: 0px;
}


.ser-con-1 .tp img{
	margin-top: auto;
}

.ser-con-2 .tp img{
	margin-top: auto;
}

.ser-con-3 .tp img{
	margin-top: auto;
}




.mark-adv{
	padding: 30px 0;
}

.mark-adv .mark-title-unify.bai span{
	margin: 15px auto 0px auto;
}

.mark-adv .mark-title-unify.bai p{
	font-size: 12px;
	margin-top: 8px;
}


.marl-con-list{
	margin-top: 10px;
	padding: 0 0%;
	width: auto;
}

.marl-con-list ul li{
	float: left;
	width: 30%;
	margin: 10px 1.5% 0 1.5%;
	padding: 20px 0;
}

.marl-con-list ul li img{
	height: 24px;
}


.marl-con-list ul li i{
	font-size: 14px;
}


.marl-con-list ul li p{
	display: none;
	font-size: 12px;
	line-height: 16px;
	padding: 0 7%;
	margin-top: 3px;
	height: 32px;
}


@media screen and (max-width: 380px) {
	
	.marl-con-list ul li{
		float: left;
		width: 45%;
		margin: 10px 2.5% 0 2.5%;
		padding: 20px 0;
	}
	
	.marl-con-list ul li i{
	font-size: 14px;
	margin-top: 2px;
}

.marl-con-list ul li font{
	font-size: 12px;
	margin-top: 3px;
}

}


.mark-step{
	display: none;
	padding-top: 30px;
	background-size: 100% 100%;
}

.mark-step .mark-title-unify span{
	margin: 15px auto;
	height: 2px;
}

.mark-step .mark-title-unify p{
	font-size: 12px;
}

.step-con{
	margin-top: -10px;
	padding-bottom: 30px;
}

.mark-step-line-phone{
	display: block;
}

.mark-step-line-phone ul li{
	float: left;
	width: 25%;
	text-align: center;
	margin-top: 33px;
	position: relative;
}


.mark-step-line-phone ul li img{
	display: block;
	margin: 0 auto;
	width: 60%;
}

.mark-step-line-phone ul li i{
	font-size: 12px;
	margin-top: 8px;
	text-align: center;
	display: block;
}

.mark-step-line-phone ul li:after{
	content: "";
	position: absolute;
	right: -8px;
	top: 26%;
	width: 15px;
	height: 15px;
	background: url(../images/mark_phone_icon.png) left top no-repeat;
}

.mark-step-line-phone ul li:nth-child(4):after,.mark-step-line-phone ul li:nth-child(5):after{
	content: "";
	position: absolute;
	right: initial;
	top: initial;
	left: 50%;
	margin-left: -7px;
	bottom: -23px;
	width: 15px;
	height: 15px;
	background: url(../images/mark_phone_icon2.png) left top no-repeat;
}

.mark-step-line-phone ul li:nth-child(6):after,.mark-step-line-phone ul li:nth-child(7):after,.mark-step-line-phone ul li:nth-child(8):after{
	content: "";
	position: absolute;
	left: -8px;
	top: 26%;
	width: 15px;
	height: 15px;
	background: url(../images/mark_phone_icon3.png) left top no-repeat;
}

.mark-step-line-phone ul li:nth-child(10):after{
	display: none;
}


.mark-step-line-phone ul li span{
	display: none;
}

.mark-step-line{
	display: none;
}



.step-y-line{
	display: none;
}


.mark-case{
	padding: 30px 0 30px 0;
}

.mark-case .mark-title-unify p{
	font-size: 12px;
	margin-top: 10px;
	line-height: 22px;
}




.mon-pro{
	padding: 30px 0 35px 0;
}


.mon-pro .title i{
	font-size: 20px;
}

.mon-pro .title span{
	font-size: 12px;
	margin-top: 3px;
}

.con-mon-pro{
	margin-top: 20px;
}

.con-mon-pro .tab .nav-tabs{
		width: 224px;
	}
	
.con-mon-pro .tab .nav-tabs li{
		float: left;
		margin-left: 10px;
}

.con-mon-pro .tab .nav-tabs li:first-child{
		margin-left: 0;
}
	
.con-mon-pro .tab .nav-tabs li a{
	width: 105px;
	height: 28px;
	line-height: 28px;
	border-radius: 5px;
}

.con-mon-pro .tab .nav-tabs li a i{
	font-size: 14px;
	margin-right: -20px;
}

.con-mon-pro .tab .nav-tabs li a i:before{
	position: absolute;
	left: -20px;
	top: 2px;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
}

.con-mon-pro .tab .nav-tabs li:nth-child(2) a i:before{
	left: -20px;
	top: 2px;
	width: 15px;
	height: 15px;
	background-size: 15px 15px;
}

.con-mon-pro .tab .nav-tabs li a:hover i:before,.con-mon-pro .tab .nav-tabs li.active a i:before{
	background-size: 15px 15px;
}

.con-mon-pro .tab .nav-tabs li:nth-child(2) a:hover i:before,.con-mon-pro .tab .nav-tabs li.active:nth-child(2) a i:before{
	background-size: 15px 15px;
}


.con-mon-pro .tab .tab-content{
	margin-top: 10px;
}

.con-mon-pro .pro-item{
	width: 100%;
	float: left;
	border-radius: 8px;
	margin-top: 10px;
}

.con-mon-pro .pro-item .box{
	padding: 20px 20px 20px 46px;
}

.con-mon-pro .pro-item:nth-child(2n+2){
	width: 100%;
	float: right;
}

.con-mon-pro .pro-item .pro-q{
	font-size: 14px;
}

.con-mon-pro .pro-item .pro-q:before{
	left: -25px;
	top: 2px;
	width: 17px;
	height: 17px;
	line-height: 17px;
}

.con-mon-pro .pro-item .pro-a{
	font-size: 12px;
	line-height: 22px;
	margin-top: 10px;
}

.con-mon-pro .pro-item .pro-a:before{
	left: -25px;
	top: 4px;
	width: 17px;
	height: 17px;
	line-height: 17px;
}




.spr-par{
	padding: 30px 0;
}

.spr-bg{
	display: none;
}


.spr-title{
	float: left;
	width: 100%;
	padding-left: 0;
	padding-top: 0;
	text-align: center;
}

.spr-title .title i{
	font-size: 20px;
}

.spr-title .spr-yw{
	position: initial;
	margin-top: 15px;
}

.spr-title .spr-yw span{
	height: 2px;
	width: 20px;
	margin:  0 auto;
}

.spr-title .spr-yw i{
	font-size: 12px;
	letter-spacing: 0;
	margin-top: 10px;
	display: none;
}

.spr-describe{
	width: 100%;
	margin-top: 20px;
	float: right;
}

.spr-describe p{
	font-size: 13px;
	line-height: 24px;
	display: inline;
}

.spr-describe p:nth-child(1),.spr-describe p:nth-child(2) {
	display: inline;
}


.spr-describe p{
	 text-indent:2em 
}

.spr-describe i{
	display: inline;
}

.spr-describe em{
	display: block;
	margin-top: 6px;
}

.spr-describe b{
	margin-bottom: 10px;
	font-weight: initial;
	display: inline;
}


.spr-pro{
	padding: 30px 0;
}


.spr-pro .visual-title-global em {
    margin-left: -130px;
}


.spr-pro-describe{
	width: 100%;
	margin-top: 10px;
}

.spr-pro-describe ul{
	padding: 0;
	
}

.spr-pro-describe ul li{
	font-size: 14px;
	line-height: 24px;
	padding-top: 12px;
	width: 100%;
	margin: 0;
	display: block;
	float: left;
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding-bottom: 12px;
}

.spr-pro-describe ul li:nth-child(4),.spr-pro-describe ul li:nth-child(5){
	width: 100%;
	margin: 0;
}


.spr-pro-describe ul li:nth-child(2),.spr-pro-describe ul li:nth-child(4){
	width: 100%;
	margin: 0;
}

.spr-pro-describe ul li span{
	display: initial;
}


.spr-pro-describe ul li i{
	font-size: 18px;
	position: initial;
	left: initial;
	top: initial;
	color: rgba(255,255,255,.2);
	margin-right: 10px;
}

@media only screen and (max-width:374px ) {
.spr-pro-describe ul li{
	font-size: 12px;
}

.spr-pro-describe ul li i{
	font-size: 14px;
	margin-right: 5px;
}
}


.spr-sys-core{
	padding: 30px 0 30px 0;
}

.spr-sys-core .container{
	width: 92%;
}

.spr-sys-core .visual-title-global em{
	margin-left: -142px;
	font-size: 45px;
}

.visual-title-global{
	margin-bottom: 25px;
}

.sys-core-step1{
	padding: 20px 5.5%;
	background: #f8f8f8;
	border-radius: 5px;
}
.sys-core-step1.sys-core-step2 {
    border-top: 1px solid #ddd;
}
.sys-core-step1 .title{
	width:100%;
	padding: 0;
	float: left;
	text-align: center;
}

.sys-core-step1 .title em{
	width: 100px;
	height: 22px;
	border-radius: 10px;
	font-size: 13px;
	line-height: 22px;
	text-align: left;
	letter-spacing: -.5px;
	color: #999;
	text-align: center;
	margin: 0 auto;
	background: none;
}

.sys-core-step1 .title i{
	font-size:20px;
	line-height: 28px;
	margin-top: 0px;
	letter-spacing: 2px;
}

.sys-core-step1 .title span{
	width: 20px;
	height: 2px;
	margin-top: 10px;
	display: none;
}

.sys-core-step1 .text{
	width: 100%;
	padding: 0%;
	float: right;
	margin-top: 10px;
}

.sys-core-step1 .text i{
	font-size: 28px;
	line-height: 30px;
}

.sys-core-step1 .text p{
	font-size: 12px;
	line-height: 24px;
	margin-top: 0px;
}

.sys-core-step1.sys-core-step2{
	
}



.spr-mark-sys{
	padding: 30px 0;
}

.spr-mark-sys .title{
	width: 100%;
	float: left;
	padding-left: 0;
}

.spr-mark-sys .title .text{
	line-height: 26px;
	margin-top: 0px;
	text-align: center;
}

.spr-mark-sys .title .text i{
	font-size: 15px;
	margin-bottom: 0;
}

.spr-mark-sys .title .text span{
	display: inline;
}

.spr-mark-sys .title .text p{
	font-size: 20px;
}

.spr-mark-sys .title .yw-xs{
	margin-top: 16px;
	text-align: center;
}

.spr-mark-sys .title .yw-xs span{
	width: 20px;
	height: 2px;
	margin: 0 auto;
}

.spr-mark-sys .title .yw-xs i{
	font-size: 12px;
	margin-top: 0px;
	display: none;
}

.spr-mark-sys .tp{
	width: 100%;
	float: left;
	margin-top: 30px;
}

.spr-mark-sys .tp ul{
	width: 288px;
	background-size: 180px auto;
	background-position: center 20px;
}
.spr-mark-sys .tp ul li{
	width: 86px;
	height: 28px;
	margin-left: 15px;
	float: left;
	height: 28px;
	line-height: 28px;
	border-radius: 5px;
	margin-bottom: 20px;
	font-size: 14px;
}

.spr-mark-sys .tp ul li:nth-child(1){
	margin-left: 52px
}


.spr-mark-sys .tp ul li:nth-child(3){
	clear: both;
	margin-left: 0
}

.spr-mark-sys .tp ul li:nth-child(6){
	clear: both;
	margin-left: 0
}

.spr-mark-sys .tp ul li:nth-child(9){
	clear: both;
	margin-left: 52px
}

.spr-mark-sys .tp p{
	font-size: 12px;
	line-height: 22px;
	padding: 0 5%;
}




.spr-ser{
	overflow: hidden;
	padding: 30px 0;
	background-size: 100% auto;
}

.spr-ser .visual-title-global.vis-hei em{
	font-size: 54px;
	margin-left: -140px;
	top: 12px;
}

.ser-step-box{
	width: 100%;
	float: right;
}

.ser-step-box .ser-step1{
	margin-top: 24px;
}

.ser-step1 .title{
	padding-bottom: 2px;
}

.ser-step1 .title:before{
	left: -58px;
	width: 50px;
	height: 59px;
	display: none;
	top: -7px;
	background-size: 50px auto;
}

.ser-step1.step2 .title:before{
	background-size: 50px auto;
	display: none;
}

.ser-step1.step3 .title:before{
	background-size: 50px auto;
	display: none;
}

.ser-step1.step4 .title:before{
	background-size: 50px auto;
	display: none;
}

.ser-step1.step5 .title:before{
	background-size: 50px auto;
	display: none;
}

.ser-step1.step6 .title:before{
	background-size: 50px auto;
	display: none;
}

.ser-step1.step7 .title:before{
	background-size: 50px auto;
	display: none;
}


.ser-step1 .title i{
	font-size: 17px;
	line-height: 32px;
}

.ser-step1 .title span{
	float: right;
	font-size: 12px;
	line-height: 30px;
	padding-top: 5px;
	color: #eee;
}

.ser-step-text{
	margin-top: 12px;
}

.ser-step-text ul li{
	width: 50%;
	float: left;
	line-height: 26px;
	font-size: 13px;
	margin-bottom: 4px;
	letter-spacing: 0;
	font-weight: initial;
}

.ser-step-text p{
	line-height: 23px;
	font-size: 12px;
	margin-top: 0px;
	display: none;
}

.ser-step1.step7{
	padding-bottom: 10px;
}





.contact-box{
	padding: 30px 0;
}


.contact-con{
	margin-top: 25px;
}

.con-tel-wx {
	width: 100%;
	float: left;
}

.con-tel {
	width: 100%;
	float: left;
}

.con-tel i{
	font-size: 16px;
	margin-bottom: 10px;
}


.con-wx{
	width: 100%;
	float: right;
	margin-top: 20px;
	text-align: left;
}

.con-wx p{
	font-size: 12px;
	line-height: 22px;
	margin-top: 5px;
}

.con-wx p span{
	display: block;
}

.con-dzyx{
	width: 100%;
	float: right;
	margin-top: 20px;
}

.con-add-c{
	position: relative;
	width: 90%;
	padding-left: 10%;
}

.con-add-c:before{
	width: 18px;
	height: 22px;
	position: absolute;
	left: 0px;
	top: 8px;
	background: url(../images/con_icon1.png) center top no-repeat;
}

.con-add-c i{
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 12px;
}

.con-add-c p{
	font-size: 14px;
	line-height: 28px;
	margin-top: 3px;
}


.con-yx{
	margin-top: 24px;
}

.con-yx i{
	font-size: 14px;
	line-height: 32px;
}

.con-yx p{
	font-size: 18px;
}

.con-yx .hr{
	float: left;
	width: 90%;
	padding-left: 10%;
}

.con-yx .hr:before{
	width: 20px;
	height: 15px;
	left: 0px;
	top: 9px;
	background: url(../images/con_icon2.png) center top no-repeat;
}

.con-yx .sum{
	float: right;
	width: 90%;
	padding-left: 10%;
	position: relative;
	margin-top: 20px;
}

.con-yx .sum:before{
	width: 20px;
	height: 15px;
	left: 0px;
	top: 8px;
	background: url(../images/con_icon2.png) center top no-repeat;
}




.con-message-lb{
	padding: 30px 0;
}

.mess-con{
	margin-top: 15px;
}

.per-info .info-name{
	width: 100%;
	float: left;
	margin-left: 0;
	margin-top: 10px;
}

.per-info .info-name:first-child{
	margin-left: 0;
}

.per-info .info-name i{
	font-size: 14px;
	margin-bottom: 2px;
	line-height: 28px;
}


.per-info .info-name input{
	font-size: 14px;
	height: 30px;
}


.pro-need{
	margin-top: 24px;
}

.pro-need i{
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 28px;
}

.pro-need textarea{
	font-size: 14px;
	line-height: 28px;
	width: 99.8%;
	height: 84px;
}

.info-submit a{
	width: 120px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	margin: 20px auto 0 auto;
}




.con-lab-list{
	padding: 0px 0 30px 0;
}

.con-lab-list ul li{
	width: 31%;
    height: 28px;
    margin-top: 10px;
    margin-left: 3%;
    border-radius: 18px;
}

.con-lab-list ul li:nth-child(5n+1){
    margin-left: 3%;
}

.con-lab-list ul li:nth-child(4n+1){
    margin-left: 3%;
}

.con-lab-list ul li:nth-child(3n+1){
    margin-left: 0;
}

.con-lab-list ul li a{
	font-size: 14px;
	height: 28px;
	line-height: 28px;
}



.case .content.mark-case-box{
	padding: 0 4%;
}

.case .content.mark-case-box .list{
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
	margin-top: 15px;
}

.case .content.mark-case-box .list:nth-child(3n+1){
	margin-left:0;
}

.case .content.case-artcle2 .list:nth-child(6),.case .content.case-artcle2 .list:nth-child(5),.case .content.case-artcle2 .list:nth-child(7),.case .content.case-artcle2 .list:nth-child(8){
	display: block;
}

.case .content.case-artcle2 .list:last-child,.case .content.case-artcle1 .list:last-child{
	display: block;
}

.case .content.case-artcle1 .list:nth-child(6),.case .content.case-artcle1 .list:nth-child(5),.case .content.case-artcle1 .list:nth-child(7),.case .content.case-artcle1 .list:nth-child(8){
	display: block;
}



.case .content.mark-case-box{
	margin: 15px auto 0 auto;
}

.case .content.mark-case-box .text{
	width: 90%;
	height: 100%;
	padding: 8px 5%;
}

.case .content.mark-case-box .text i{
	font-size: 14px;
	line-height: 26px;
	height: 26px;
}


.case .content.mark-case-box .text span{
	font-size: 12px;
	line-height: 14px;
	display: none;
}


.case .content.case-pro{
	margin: 10px auto 0 auto;
	padding: 0 4%;
}

.vis-case.case .content{
	margin: 0px auto 0 auto;
	padding: 0 4%;
}

.vis-case.case .content .list{
	margin-top: 15px;
}

.case .content.case-pro .list{
	float: left;
	width: 100%;
	margin: 0%;
	margin-top: 15px;
}

.case .content.case-pro .list:nth-child(3n+1){
	margin-left: 0
}

.brand-ry .honor-text-list{
	width: 33.33%;
	margin: 20px auto 0 auto;
	padding: 5px 0 5px 0;
	box-shadow: initial;
	
}

.brand-ry .honor-text-list .text{
	display: none;
	font-size: 12px;
    line-height: 22px;
    height: auto;
    margin-top: 3px;
    padding: 0 4%;
    margin-bottom: 6px;
    font-weight: initial;
}

.brand-ry .honor-text-list .subtitle span{
	display: none;
	font-size: 14px;
	color: #eee;
}


@media screen and (max-width: 321px) {
	
#newBridge .nb-icon-wrap{
	margin-top: 0px;
}

}