﻿/*公共样式*/
	*{
		padding: 0px;
		margin: 0px;
		font-family: "微软雅黑";
	}
	a,a:hover{
		text-decoration:none; 
	}
	html,body{
		height: 100%;
		/*overflow-x: hidden;*/
	}
	li{
		list-style: none;
	}
	p,ul{
		margin: 0px;
	}
	.mycontain{
		width: 1178px;
		padding: 60px 0px;
		margin: 0 auto;
	}
	span.hr{
		width: 67px;
		height: 3px;
		background-color: #dab08d;
		display: inline-block;
	}
	.orange{
		font-size: 34px;
		color: #dab08d;
	}
.frduiqi p{
	text-justify:inter-ideograph; 
	text-align:justify;
}
.frduiqi{
	text-justify:inter-ideograph; 
	text-align:justify;
}
.orange02{
		font-size: 20px;
		color: #dab08d;
	}
	.fonSize_22{
		font-size: 22px;
	}
.fonSize_18{
		font-size: 18px;
	}
.fonSize_16{
		font-size: 16px;
	}
.fonSize_14{
		font-size: 14px;
	}
	.co_white{
		color: #fff;
	}
	.html5{
		display: none;
	}
	a.more{
		cursor: pointer;
		font-size: 16px;
		display: block;
		color: #aaa;
	}
	a.more:hover{
		transition: all 0.5s;
		color: #dab08d;
	}
	.display{
		color: transparent;
	}

/*轮播的样式 start */ 
	.banner{
		width:100%;
		position: relative;
	}
	.banner .pic{
		width:100%;
		height:100%;
		overflow:hidden;
	}
	.banner .pic ul{
		width:1000%;
		overflow:hidden;
		margin-left:-100%;
	}
	.banner .pic ul li{
		width: 10%;
		float:left;
		overflow:hidden;
		position: relative;
	}
	.banner .pic ul li img{
		width: 100%;
	}
	.banner .pic ul li div.bg{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: rgba(30,30,30,.3);
	}
	.banner .tab{
		display: flex;
		justify-content: center;

	}
	.banner .tab ul li{
		width: 10px;
		height:10px;
		border-radius:50%;
		background:#dcdcdc;
		float:left;
		cursor:pointer;
		margin: auto 8px;
	}
	.banner .tab ul li:hover{
		background:#dab08d;
	}
	.banner .tab ul li.on{
		background:#dab08d;
	}
/* end 轮播的样式*/

/*nav start*/
 	.nav.navbar-default{
		background-color:rgba(248,248,248,0);
		border-color:rgba(231,231,231,0);
	}
	.nav .mycontain{
		display: flex;
		justify-content: space-between;
		align-items: center;
		transition: padding 0.5s;
		position: relative;
		padding: 0.2rem 0;
	}
	.nav span{
		display: inline-block;
		font-size: 15px;
		color: #d5d5d5;
    	user-select:none;
    	position: relative;
	}
	.nav span a{
		color: #d5d5d5;
	}
	.nav span.drop{
		border-bottom: 0.01rem solid rgba(0,0,0,0);
		padding: 0.1rem 0.1rem;
	}
	.nav span.drop:hover{
		border-bottom: 0.01rem solid #959595;
	}
	.nav .pc span:last-child{
		color: #fff;
		font-weight: bold;
		user-select:text;
	}
	.nav img{
	width: 100px;
    height: 43px;
	}
	.nav.on{
		background-color: #fff;
		border-bottom: 1px solid #d8d8d8;
	}
	.nav.on .mycontain{
		padding: 0.2rem 0;
	}
	.nav.on .pc span{
		color: #242424;
	}
	.nav.on .pc span a{
		color: #242424;
		display: block;
	}
	.nav.on .pc span:last-child{
		color: #000;
	}
	.nav .pc span ul{
		position: absolute;
		top: 38px;
		/*left: -0.4rem;*/
		margin: 0px;
		text-align: center;
		padding-top: 5px;
		width: 1.8rem;
		display: none;
		overflow:hidden;
	}
	.nav span.drop:hover>ul{
		display: block;
	}
	.nav span ul li{
		font-size: 14px;
		padding: 0.1rem 0rem;
		background-color: rgba(255,255,255,.9);
	}
	.nav span ul li a{
		color: #202020;
	}
	.nav span ul li:first-child{
		padding-top: 0.2rem;
	}
	.nav .pc span ul li:last-child{
		padding-bottom: 0.2rem;
	}
	.nav span ul li:hover>a{
		color: #dab08d;
		transition: all 0.3s;
	}
	.nav.on span ul li:hover>a{
		color: #dab08d;
		transition: all 0.3s;
	}
	/*缩小后的导航*/
	.nav div.html5{
		width: 100% !important;
		padding-left: 5% !important;
		padding-right: 5% !important;
		display: none;
		background-color: rgba(1,1,1,1);
	}
	.mycontain.html5,.nav.on  .mycontain.html5 {
		padding: 0.2rem 0;
	}
	.nav div.html5 .navs{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.nav div.html5 .navs span{
		width: 10px;
		height: 2px;
		background-color: #fff;
	}
	.nav .drops{
		position: absolute;
		left: 0px;
		box-sizing: border-box;
		background-color: rgba(1,1,1,0.8);
		overflow:hidden;
		height: 0px;
		transition: all 0.5s;
	}
	.nav div.on{
		padding: 0.25rem 0.4rem 0.15rem 0.4rem;
	}
	.nav .drops span{
		display: block;
		font-size: 0.26rem;
		padding: 0.35rem 0.1rem;
		width: 2rem;
		text-align: center;
	}
	.nav .drops span:first-child{
		padding-top: 0.6rem;
	}
	.nav .drops span a{
		color: #fff;
	}
	.nav .drops span ul {
		display: none;
	}
	.nav .drops span ul li a{
		font-size: 0.22rem;
	}
	.nav .drops span ul li{
		background-color: transparent;
		padding: 0px;
		padding-top: 0.3rem;
	}
	.nav .drops span ul li:first-child{
		margin-top: 0.1rem;
		border-top: 0.01rem solid #959595;
	}
	.nav .drops span ul li>a{
		color: #fff;
	}
	.nav .drops span ul li:hover>a{
		color: #9e9a98;
	}


/*aside 侧边栏 start*/
	#aside{
		width: 45px;
		position: fixed;
		bottom: 2rem;
		right: -300px;
		z-index: 200;
		transition: all 0.5s;
	}
	#aside li{
		width: 100%;
		height: 45px;
		margin-bottom: 15px;
		position: relative;
	}
	#aside img{
		width: 100%;
		height: 100%;
/*		background-color: #fff;*/
		border-radius: 100%;
	}
	#aside li div{
		    width: 160px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -175px;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.5s;
    color: transparent;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    text-align: right;
	}
	#aside li a:hover +div{
		animation:asidemove 0.5s;
		animation-fill-mode:forwards;
	}
#aside2{
	width: 180px;
		position: fixed;
		bottom: 3px;
		right: 3px;
		z-index: 200;
	height: 50px;
	
	background: #dab08d;
	border-radius: 5px;
		transition: all 0.5s;
}
#aside2 a{
	display: block;
}
#aside2 span{
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	font-weight: 700;
	float: left;
	padding-left: 20px;
}
#aside2 font{
	line-height: 50px;
	font-size:22px;
	color: #fff;
	float: right;
	padding-right: 20px;
}
	@keyframes asidemove
	{
		from {color: transparent;}
		to {color: #dab08d;}
	}

/* 合作伙伴 start */
	#partner{
		background-color: #fff;
		padding-bottom: 50px;
	}
	#partner .head{
		padding-bottom: 0.2rem;
	}
	#partner .head p{
		margin-bottom: 0rem;
	}
	#partner .head p:nth-child(2){
		color: #aaa;
		padding-bottom: 5px;
	}
	#partner .head span{
		background-color: #363636;
	}
	#partner .pic{
		width: 1178px;
		margin: 0 auto;
		overflow:hidden;
	}
	#partner .pic ul{
		width: 1000%;
	}
	#partner .pic li{
		width: 10%;
		float: left;
		padding: 0px;
	}
	#partner .pic ul li div{
		text-align: center;
		padding: 0px;
		margin: 10px 0;
	}
	#partner .pic img{
		display: inline-block;
		width: 200px;
		height: 130px;
	}
	#partner .tab{
		padding-top: 20px;
	}
/*footer start*/
	#footer{
		background:url(../images/big_foot.png) no-repeat;
		background-size: 100% 100%;
	}
	#footer .foot{
		background:url(../images/small_foot.png) no-repeat 0px;
		background-size: 100% 200%;
		color: #dfdfdf;
		font-size: 13px;
		box-shadow: 0px -2px 10px #000;
		padding: 0.2rem 0rem;
		word-spacing: 8px;
	}

#footer .foot a{
	color: #fff;
}
	#footer .footer{
		color: #989898;
/*		margin-left: 3.7rem;*/
	}
	#footer .footer .foot_left p:nth-child(2){
		margin-top: 0.2rem;
	}
	#footer .footer .foot_left p:nth-child(3){
		margin-top: 0.2rem;
		margin-bottom: 0.3rem;
	}
	#footer .footer .foot_left p:nth-child(5){
		margin-top: 0.4rem;
		margin-bottom: 0.2rem;
	}
	#footer .foot_center p:nth-child(1) b,#footer .foot_right p:nth-child(1) b{ 
		height: 0.55rem;
		line-height: 0.55rem;
		color: #fff;
		font-size: 16px;
	}
	#footer .footer .foot_center div.pc{
		margin-top: 0.8rem;
	}
	#footer .footer .html5{
		display: none;
	}
	#footer img.logo{
		width: 270px;
	}
	#footer img.code{
		width: 130px;
		margin-top: .1rem;
	}
.indexlg { position: relative;}
.indexlg div.ic_center { overflow:visible !important; }
.indexlg .owl-nav .owl-prev { background:url("../images/imgs_l.png") no-repeat !important; padding: !important; margin: !important; width: 16px !important; height: 31px !important; position: absolute !important; left: -22PX !important;font-size:0 !important; top: 30% !important;}

.indexlg .owl-nav .owl-next { background:url("../images/imgs_r.png") no-repeat !important; padding: !important; margin: !important; width: 16px !important; height: 31px !important; position: absolute !important; right: -22PX !important;font-size:0 !important; top: 30% !important;}

/*图片背景放大缩小*/
	.imgs_img li{
		position: relative;
		overflow:hidden;
		animation-delay:5s;
-webkit-animation-delay:5s;
	}
	.imgs_img img{
		height: 100%;
		width: 100%;
		transition: all 2s;
	}
	.imgs_img div.bg{
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0);
		position: absolute;
		top: 0px;
		left: 0px;
		transition: all 2s;
	}
/*
	.imgs_img a{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		display: block;
	}
*/
	.imgs_img li:hover>a div.bg{
		background-color: rgba(0,0,0,.8);
		transition: all 2s;
		
	}
	.imgs_img li:hover>a div.bg p{
		transition: all 2s;
		color: rgba(255,255,255,1);
	}
	.imgs_img li:hover>a div.bg p:nth-child(2){
		transition: all 2s;
	}
	.imgs_img li:hover>a div.bg span{
		transition: all 2s;
		background-color: rgba(255,255,255,1);
	}
	.imgs_img li:hover>a img{
		transition: all 2s;
		transform: scale(1.2,1.2);
	}
	.imgs_img div.bg p:first-child{
		font-size: 30px;
		color: rgba(0,0,0,0);
		position: absolute;
		top: 0.6rem;
		left: 0.6rem;
		transition: all 2s;
	}
	.imgs_img div.bg p:nth-child(2){
		font-size: 16px;
		position: absolute;
		left: 0.6rem;
		top: 3.2rem;
		margin-bottom: 0px;
		color: rgba(0,0,0,0);
		transition: all 2s;
	}
	.imgs_img div.bg span{
		background-color: rgba(0,0,0,0);
		position: absolute;
		left: 0.6rem;
		top: 3rem;
		transition: all 2s;
	}

/*分页的按钮*/
	.aIndo_change{
		padding-top: 0.2rem;
		padding-bottom: 0.4rem;
		text-align: center;
	}
	.aIndo_change ul{
		display: inline-block;
	}
	.aIndo_change li{
		float: left;
		font-size: 0.2rem;
		margin-left:0.2rem;
		cursor: pointer;
		padding: 0.05rem 0.05rem;
	}
.aIndo_change li a{
	color: #999;
	font-size: 14px;
}
	.aIndo_change li.on:hover{
		border-bottom: 1px solid #4f4f4f;
	}
	.aIndo_change li.active{
		border-bottom: 1px solid #4f4f4f;
	}

/*专业背景图片公有样式*/
.view_bannersb{
		width: 1178px;
		margin: 0 auto;
		overflow: hidden;
	}
	.view_bannersb .pic ul{
		width: 1000%;
		overflow: hidden;
	}
.view_bannersb .pic a{
	color: #fff;
	display: block;
	clear: both;
	white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;
width: 93%;
}
	.view_bannersb .pic ul li{
		width: 10%;
		padding-bottom: 0.7rem;
		float: left;
		display: flex;
		justify-content: center;
	}
	.view_bannersb .pic li .vi_img{
		width: 28%;
		margin-left: .6rem;
		margin-right: 0.05rem;
		padding-top: 0.5rem;
	}
	.view_bannersb .pic li .vi_img:first-child{
		margin-left: 0.05rem;
	}
	.view_bannersb .pic  img{
		width: 100%;
		height: 200px;
	}
	.view_bannersb .pic p{
		width: 100%;
		color: #fff;
		font-size: 18px;
		padding: 24px 0;
		border-bottom: 1px solid rgba(255,255,255,.1);
		display: inline-block;
		margin-bottom: 0.2rem;
		text-align: center;
	}
	.view_bannersb .pic .vi_img div{
		width: 100%;
		font-size: 14px;
		color: #f5f5f5;
		text-align: left;
		display: inline-block;
		line-height: 26px;
	}
.view_bannersb .pic .vi_img div.img a{
	width: 100%;
}
	@media screen and (max-width: 1500px){
		.view_bannersb .pic li .vi_img{
			width: 250px;
		}
		.view_bannersb .pic  img{
			height: 145px;
		}
		.view_bannersb .pic p{
			font-size: 18px;
		}
		.view_bannersb .pic .vi_img div{
			font-size: 15px;
		}
	}
	@media screen and (max-width: 1100px){
		.view_bannersb .pic li .vi_img{
			margin-left: 0.5rem;
		}
		#imgs .ic_center ul li img{
			width: 150px;
			height: 75px;
			margin-top: 15px;
		}
	}
	@media screen and (max-width: 1005px){
		.view_bannersb{
			width: 16rem;
		}
	}
	@media screen and (max-width: 880px){
		.view_bannersb{
			width: 18rem;
		}
		.view_bannersb .pic p{
			font-size: 17px;
		}
		.view_bannersb .pic .vi_img div{
			font-size: 14px;
		}
	}

	@media screen and (max-width: 750px){
		.view_bannersb{
			width: 7rem;
		}
		
		.view_bannersb .pic ul li{
			justify-content: space-between;
		}	
		.view_bannersb .pic li .vi_img{
			width: 3.1rem;
		}
		.view_bannersb .pic img{
			height: 1.8rem;
		}
		.view_bannersb .pic p{
			font-size: 23px;
		}
		.view_bannersb .pic .vi_img div{
			font-size: 16px;
		}
		
		#brandS .brand_two{
			padding-bottom: 30px;
		}
		
	}
	@media screen and (max-width: 700px){
		.view_bannersb .pic p{
			font-size: 19px;
		}
		.view_bannersb .pic .vi_img div{
			font-size: 14px;
		}
		.imgs_img li:hover>a div.bg{
			display: none;
		}
	}
	@media screen and (max-width: 590px){
		.view_bannersb .pic li .vi_img{
			width: 50%;
		}
		.view_bannersb .pic img{
			height: 145px;
		}
		.view_bannersb .pic p{
			font-size: 17px;
		}
		.view_bannersb .pic .vi_img div{
			font-size: 13px;
		}
	}
	@media screen and (max-width: 500px){
		.view_bannersb .pic li .vi_img{
			margin-left: 5px;
		}
		.view_bannersb .pic img{
			height: 130px;
		}
		.view_bannersb .pic p{
			font-size: 15px;
		}
		.view_bannersb .pic .vi_img div{
			font-size: 12px;
		}
	}
	@media screen and (max-width: 420px){
		.view_bannersb .pic p{
			font-size: 13px;
		}
		.view_bannersb .pic .vi_img div{
			font-size: 10px;
		}
		.view_bannersb .pic img{
			height: 2rem;
		}
	}
	/*子页面的特有样式*/
		.view_bannersb  .vb_example{
			padding-top: 0.4rem;
			border-top: 1px solid #7d7d7d;
		}
		.view_bannersb  .vb_example p{
			color: #171717;
			border-color: #7d7d7d;
		}
		.view_bannersb .vb_example .vi_img div.img img{
			    transition: all 1s;
		}
.view_bannersb .vb_example .vi_img div.img a{
	background: #000;
}
.view_bannersb .vb_example .vi_img:hover div.img img{
	opacity: .5;
	
}
		.view_bannersb .vb_example ul li{
			padding-bottom: 0.9rem;
		}

/*---------------------------------主页的样式----------------------------------*/
	/*banner start*/
		.banner_pc,.banner_html5{
			width:100%;
			height:100%;
			position:relative;
			position: fixed;
		}
		.banner_pc .pic ul li.img1{
			background: url(../images/banner1.jpg) no-repeat;
			background-size: 100% 100%;
		}
		#banner .pic ul li div.bg{/*没有背景*/
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			/*background-color: rgba(30,30,30,.5);*/
		}
		.banner_pc .tab,.banner_html5 .tab{
			position:absolute;
			left:50%;
			margin-left:-0.8rem;
			bottom:40px;
		}
		.banner_pc .tab ul li,.banner_html5 .tab ul li{
			margin: auto 0.3rem;
		}
		.banner_pc .tab ul li.on,.banner_html5 .tab ul li.on{
			background:#dab08d;
		}
		/*手机端样式*/
			.banner_html5 .pic ul{
				margin-left: 0px;
				height: 100%;
			}
			.banner_html5 .pic ul li.img1{
				height: 100%;
				background: url(../images/banner1.jpg) no-repeat;
				background-size: auto 100%;
				background-position: center;
			}
			.banner_html5 .tab{
				position:absolute;
				left:50%;
				margin-left:-0.4rem;
				bottom:40px;
			}
	/*播放视频的样式*/
		.video_btn button{
		    padding: 0;
		    box-sizing: border-box;
		    border:0px;
		    background-color:transparent;
		    outline: none;
		}

		.video_btn button.play{
			transition: all 0.1s;
			height: 20px;
		    border-style: solid;
		    border-width: 15px 0 15px 20px;
		    border-color: transparent transparent transparent #cecaca;
		 }
		.video_btn button.pause{
		   transition: all 0.1s;
		   height: 30px;
		   border-style: double;
		   border-width: 0px 0px 0px 10px;
		   border-color: #cecaca;
		}
		.video_btn{
			position: absolute;
			left: 50%;
			top:50%;
			margin-top: -15px;
			margin-left: -10px;

		}
	/* introduce start */
		#otherPage{/* 固定轮播的div*/
			z-index: 200;
			position: relative;
		}
		#introduce{
			background-color: #fff;
			color: #363636;
		}
		#introduce .in_head p:first-child{
			color: #363636;
			margin: 0px;
			margin-bottom: 10px;
		}
		#introduce .in_head p.en{
			color: #aaa;
			margin-bottom: 0.25rem;
		}
		#introduce .in_head span{
			background-color: #363636;
			margin-bottom: 0.25rem;
		}
		#introduce .in_head span:last-child{
			margin-bottom: 0.3rem;
			background-color: #dab08d;
		}
		#introduce .in_con{
			font-size: 16px;
			margin-bottom: 0.7rem;
			    line-height: 30px;
    letter-spacing: 2px;
		}
		#introduce .in_con b,#introduce .in_bottom b{
			color: #dab08d;
			font-size: 16px;
		}
		#introduce .in_bottom div{
			margin-bottom: 0.15rem;
			border-left: 1px solid #eee;
			padding: 0px;
		}
		#introduce .in_bottom div:first-child{
			border:0px;
		}
		#introduce .in_bottom a{
			width: 80px;
			height: 86px;
			line-height: 80px;
			display: inline-block;
			margin-bottom: 10px;
		}
		#introduce .in_bottom a img{
			width: 100%;
		}
		#introduce .in_bottom div p{
			
		
		}
		#introduce .in_bottom div p:nth-child(2){
			margin-bottom: 0rem;
		}
		#introduce .in_bottom div p:nth-child(2) b{
			color: #171717;
			font-size: 28px;
		}
		#introduce .in_bottom span{
			font-size: 15px;
		}

	/* 图片集  start */
		#imgs{
			background-color: #f5f5f5;
		}
		#imgs .imgs_contain{
			display: flex;
			justify-content: center;
			align-items: center;
			height: 1.5rem;
		}
		#imgs .ic{
			width: 10%;
			text-align: right;
			font-size: 30px;
			color: #b2b2b2;
			cursor: pointer;
			user-select: none;
		}
		#imgs .ic_right{
			text-align: left;
		}
		#imgs div.ic_center{
			width: 80%;
	    	margin: 0 auto;
	    	overflow:hidden;
		}
		#imgs div.ic_center ul{
			width: 1000%;
		}
		#imgs div.ic_center ul li{
			width: 10%;
			float: left;
			display: flex;
			justify-content: space-around;
			align-items: center;
		}
		#imgs .ic_center ul li img{
			width: 180px;
		    height: 90px;
		    margin-top: 15px;
		}
		
		@media screen and (min-width: 1366px){
			
			
		}

		
		#imgs p.bottom{
			margin-bottom: 0px;
			padding-top: 20px;
			padding-bottom: 10px;
			background-color: #fff;
			text-align: center;
		}
		/*图片集专有*/
		#imgs .imgs_img.row{
			margin: 0px;
		}
		#imgs .imgs_img li{
			height: 4.3rem;
			padding: 0px;
			background: #000;
		}


	/*品牌系统*/
		#brandS{
			background-color: #fff;
		}
		#brandS .brand_one p.orange{
			line-height: 55px;
		}
#brandS .brand_one p.shabi{
	font-size:25px;
	line-height: 40px;
}
		#brandS .brand_one span{
			font-size: 17px;
			color: #aaa;
			display: block;
			margin-bottom: 30px;
		}
		#brandS .brand_one span:nth-child(4){
			font-size: 14px;
		}
		#brandS .brand_two{
			padding-top: 0px;
			padding-bottom: 50px;
			margin-top: -30px;
		}
		#brandS .brand_two p b{
			font-size: 17px;
		}
		#brandS .brand_two div.img{
			width: 50px;
			height: 50px;
			margin-top: 20px;
			margin-bottom: 20px;
			display: inline-block;

		}
		#brandS .brand_two div.img img{
			height: 100%;
			width: auto;
		}
		#brandS .brand_two div.pc p{
			padding: 15px 0px;
			font-size: 14px;
			color: #363636;
			border-bottom: 1px solid #eee;
			margin-bottom: 0px;
		}
		#brandS .brand_two div.pc p:last-child{
			border:0px;
		}
		#brandS .brand_three{
			height: auto;
			background:url(../images/brand_5.jpg) no-repeat;
			background-size: 100% 100%;
			background-position: center;
		}
		#brandS .brand_three div{
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			padding-top: 70px;
			padding-bottom: 60px;
/*			background: rgba(0,0,0,.4);*/
			text-align: center;
		}
		#brandS .brand_three div p:first-child{
			color: #fff;
			font-size: 22px;
			margin: 0px;
		}
.jingke p.orange{
	font-size: 42px;
}
		#brandS .brand_three div p:last-child{
			color: #e2e2e2;
			font-size: 16px;
			margin-top: 0.1rem;
		}

		#brandS .brand_three div span{
			margin-top: 25px;
			margin-bottom: 15px;
		}
		#brandS .brand_four_img{
			width: 100%;
			height: auto;
/*			background:url(../images/brand_bg.png) no-repeat;*/
			background-size: 100% 100%;
		}
		#brandS .brand_four{
			padding-bottom: 0px;
		}
		#brandS .brand_four p{
			margin-bottom: 30px;
		}
		#brandS .brand_four p b{
			font-size: 24px;
			padding-bottom: 5px;
			display: block;
			color: #000;
		}
		#brandS .brand_four p span{
			margin-top: 0.2rem;
			font-size: 14px;
		}
		#brandS .brandF_center{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-bottom: 30px;
		}
		#brandS .brandF_center div img{
			    width: 700px;
    height: 551px;
    margin: 15px 15px 15px 0px;
		}
		#brandS .brandF_center div p{
			font-size: 41px;
			margin-bottom: 0px;
		}
		#brandS .brandF_center div p.orange b{
			color: #dab08d;
			font-size: 36px;
		}
		#brandS .brandF_center div span b{
			font-size: 18px;
			color: #656565;
		}

		@media screen and (min-width: 751px) and (max-width: 1310px){
			#brandS .brand_two div.pc p{
				font-size: 16px;
			}
			#brandS .brand_two p b{
				font-size: 22px;
			}
			#brandS .brand_two div.pc p{
				margin: 0px 10px;
			}
		}
		@media screen and (min-width: 751px) and (max-width: 1150px){
			#brandS .brand_two p b{
				font-size: 20px;
			}
			#brandS .brand_two div.pc p{
				margin: 0px;
			}
			#imgs div.bg p:first-child{
				font-size: 24px;
			}
			#imgs div.bg p:nth-child(2){
				font-size: 16px;
			}
		}
		@media screen and (min-width: 751px) and (max-width: 1050px){
			#brandS .brand_two p b{
				font-size: 18px;
			}
			#brandS .brand_two div.pc p{
				font-size: 14px;
			}
			#brandS .brand_two div.col-lg-3{
				padding-left: 0.1rem;
				padding-right: 0.1rem;
			}
			#partner .pic img{
				width: 100%;
				height: auto;
			}
		}
		@media screen and (min-width: 751px) and (max-width: 830px){
			#brandS .brand_two{
				width: 16rem;
			}
			#brandS .brand_one p.orange{
				font-size: 33px;
			}

		}
		@media screen and (max-width: 500px){
			#brandS .brand_two p b{
				font-size: 16px;
			}
			#brandS .brand_four p b{
				font-size: 20px;
			}
			#brandS .brand_four p span,#brandS .brandF_center div span b{
				font-size: 15px;
			}
			#brandS .brandF_center div p.orange b{
				font-size: 26px;
			}

			/*-----------------缩小字体---------------------------*/
			.orange{
				font-size: 22px;
			}
			span.hr{
				width: 47px;
				height: 2px;
			}
/*
			.fonSize_26{
				font-size: 20px;
			}
*/
			a.more{
				font-size: 14px;
			}
			#introduce .in_con{
				font-size: 14px;
				letter-spacing: 0px;
			line-height: 30px;
				padding: 0 10px;
			}
			#introduce .in_bottom div p{
				margin: 0;
			}
			.imgs_img div.bg p:first-child{
				font-size: 20px;
			}
			.imgs_img div.bg p:nth-child(2){
				font-size: 12px;
			}
			#brandS .brand_one span{
				font-size: 14px;
				margin-bottom: 15px;
				line-height: 25px;
			}
			#brandS .brand_two div.img{
				height: 1.2rem;
			}
			
			/*子页面*/
				.ex_head .pe{
					font-size: 13px;
				}
				.ex11_con .ex11c_info div.font{
					font-size: 17px;
				}
				
			.a_brand .ab_one,.aIndo_con .aIndoc_con p.fonSize_26{
					font-size: 20px !important;
				}
				.a_introduct ul li,.aIndo_con .aIndoc_con,
				.brand1_con p,
				.vpi_con .vpi_right p{
					font-size: 17px !important;
				}
				.a_work .mybg p.orange,.vpi_con .vpi_right p.html5{
					font-size: 26px !important;
				}
				.a_brand .ab_two p{
					font-size: 14px !important;
				}
				.aIndo_con .aIndoc_con p.orange{
					font-size: 30px !important;
				}
				.brand1_con p b{
					font-size: 24px !important;
				}
		}
		
	/*<专业视野 */
		#view{
			height: auto;
			background:url(../images/view.jpg) no-repeat;
			background-size:100% 100%;
			overflow:hidden;
		}
		#view .v_bg{
			background-color: rgba(0,0,0,.1);
		}
		#view .v_bg p:first-child{
			padding-top: 0.6rem;
			padding-bottom: 0.4rem;
		}

	

/*---------------------------------主页的样式----------------------------------*/
@media screen and (min-width: 1366px){
	/*合作伙伴的图片大小*/
		#partner .pic img{
/*
			width: 2.7rem;
			height: 1.8rem;
*/
		}

	/*侧边栏*/
		.banner .tab ul li{
			width: 12px;
			height:12px;
		}
}

@media screen and (max-width: 900px){
	.nav .mycontain{
		width: 90%;
	}
	/*图片集*/
		#imgs .imgs_contain{
			width: 100%;
		}

	
}

@media screen and (max-width: 750px){
	/*公共的*/
		.mycontain{
			width: 100%;
			    padding: 40px 0px;
		}
		.pc{
			display: none !important;
		}
		.html5{
			display: block;
		}
	#brandS .brand_one p.shabi {
        font-size: 18px;
    line-height: 33px;
}
	
	/*nav*/
		.nav div.html5{
			display: block ;
		}
		.nav.on{
			background-color: #000;
			border-bottom: none;
		}
	/*轮播图片大小*/
		#banner .pic ul li.img1{
			background-size: auto 100%;
			background-position: center;
		}

	/*专业视野*/
		#view{
			background: url(../images/view.jpg);
			background-size: 100% 100%;
		}
		

	/* introduce start */
		#introduce .in_bottom{
			margin: 0px;
		}
		#introduce .in_bottom div{
			margin-bottom: 0px;
			padding-bottom: 0.4rem;
		}
		#introduce .in_bottom a{
			width: 1.2rem;
			height: 1.2rem;
		}
		#introduce .in_bottom div p b{
			font-size: 0.29rem;
		}
		#introduce .in_bottom div p:nth-child(2) b{
			font-size: 0.59rem;
		}
		#introduce .in_bottom span{
			font-size: 16px;
		}
		#introduce .in_bottom div:nth-child(3){
			border:0px;
		}
		#introduce .in_bottom div:nth-child(3),#introduce .in_bottom div:nth-child(4){
			border-top: 1px solid #eee;
			padding-top: 0.4rem;
			padding-bottom: 0rem;
		}
		
	/* 图片集  start */

		#imgs .imgs_contain{
			height: 1.3rem;
		}
		#imgs p.bottom{
			color: #bdbdbd;
			font-size: 0.2rem;
			padding: 0.2rem 0rem;
			text-align: center;
			cursor: pointer;
			transition: all 0.5s;
			margin-bottom: 0px;
			background-color: #fff;
		}
		#imgs p.bottom:hover{
			transition: all 0.5s;
			color: #383636;
		}
		/*图片集专有*/
		#imgs .imgs_img li{
			height: 2.5rem;
		}
		#imgs .imgs_img div.bg p:first-child{
			top: 0.3rem;
			left: 0.3rem;
		}
		#imgs .imgs_img div.bg p:nth-child(2){
			top: 1.9rem;
			left: 0.3rem;
		}
		#imgs .imgs_img div.bg span{
			top: 1.8rem;
			left: 0.3rem;
		}


	/*品牌系统*/
		#brandS .brand_one p:nth-child(4){
			font-size: 0.35rem;
		}
		#brandS .brand_two div{
			padding-bottom: 0.3rem;
			padding-top: 0.3rem;
		}
		#brandS .brand_two div:nth-child(1),#brandS .brand_two div:nth-child(2){
			border-bottom: 1px solid #dcdcdc;
		}
		#brandS .brand_two div:nth-child(1),#brandS .brand_two div:nth-child(3){
			border-right: 1px solid #dcdcdc;
		}
		#brandS .brand_two div.img{
			padding: 0px;
			border-bottom:1px solid rgba(0,0,0,0);
		}
		#brandS .brand_three{
			background: url(../images/brand_5.jpg) no-repeat;
			background-size: 100% 100%;
		}
		#brandS .brand_three div p.orange{
			font-size: 20px;
		}
	#brandS .brand_three div {
        width: 100%;
    padding: 30px 3% 40px 3%;
    height: 100%;
    box-sizing: border-box;
/*    background: rgba(0,0,0,.4);*/
    text-align: center;
}
		#brandS .brand_three div p:last-child{
			font-size: 14px;
		}
		#brandS .brand_three div p:first-child{
			font-size: 16px;
		}
		#brandS .brand_four{
			width: 100%;
		}
		#brandS .brandF_center div img{
			width: 95%;
			height: auto;
		}
		#brandS .brandF_center{
			display: block;
		}
		#brandS .brandF_center div:nth-child(4){
			width: 90%;
			margin: 0px auto 0;
			display: flex;
			justify-content: space-between;
		}
		#brandS .brandF_center div p{
			font-size: 31px;
		}

	
	/*合作伙伴*/
		#partner .pic{
			width: 100%;
		}
		#partner .head{
			width: 100%;
		}
		#partner .pic img{
			width: 100%;
			height: auto;
		}


	/*foot start*/

		#footer .footer{
			text-align: center;
			margin: 0 auto;
			width: 100%;
			font-size: 14px;
		}
		#footer .foot_center p:nth-child(1) b{
			font-size: 24px;
		}
		#footer .footer .html5{
			display: inline-block;
		}
		#footer img.logo{
			width: 270px;
			height: 55px;
		}
		
		#footer img.code{
			width: 120px;
			height: 120px;
			margin-top: 20px;
		}
		#footer .foot_center{
			margin-top: 0.5rem;
			line-height: 27px;
		}
		#footer .foot{
			padding: 0.2rem;
			letter-spacing: 0.01rem;
		}

}

@media screen and (max-width: 550px){
	/* introduce start */
		#introduce .in_bottom a{
			width: 1.2rem;
			height: 1.2rem;
		}
		#introduce .in_bottom div p b{
			font-size: 0.29rem;
		}
		#introduce .in_bottom div p:nth-child(2) b{
			font-size: 22px;
		}
		#introduce .in_bottom span{
			font-size: 0.23rem;
		}
#brandS .brand_one p.orange {
    line-height: 30px;
}

	/*品牌差异化系统  (左脑  右脑)*/
		
		
	/*图片集 轮播图片*/
		#imgs .ic_center ul li img{
			width: 1.4rem;
			height: 0.8rem
		}
	#imgs .ic {
    width: 7%;
    text-align: right;
    font-size: 30px;
    color: #b2b2b2;
    cursor: pointer;
    user-select: none;
}
	#imgs .ic_right{
		text-align: left;
	}
	#imgs div.ic_center {
    width: 85%;
    margin: 0 auto;
    overflow: hidden;
}
		
}

/*子页面的样式  start*/
	.page_bg{
		width: 100%;
		height: 7rem;
/*		background:url(../images/bg_01.png) no-repeat;*/
		background-size: cover;
		position: fixed;
		background-repeat: no-repeat;
	}
	.page_bg .mybg{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
/*		background: linear-gradient(rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.33) 17%, rgba(0,0,0,0.26) 35%, rgba(0,0,0,0.15) 62%, rgba(0,0,0,0) 100%);*/
	}
	.page_other{
		position: relative;
		top: 7rem;
		left: 0px;
		background-color: #fff;
		z-index: 100;
	}



	/* 成功案列和品牌系统的二级导航*/
		.exh_bottom{
/*			padding-top: 30px;*/
			width: 1178px;
			margin: 0 auto;
			display: flex;
			justify-content: space-between;
		}
		@media screen and (max-width: 1110px){
			.exh_bottom{
				width: 100%;
			}
		}
		.exh_bottom li{
			padding: 0px;
			padding-bottom: 30px;
		}
		.exh_bottom li img{
			width: 30px;
			height: 30px;
		}
.exh_bottom li img.ppfenlico02{
	display:none;
}
		.exh_bottom li span a{
			font-size: 14px;
			margin-top: 0.1rem;
			color: #4f4f4f;
			cursor: pointer;
			padding-bottom: 0.05rem;
			border-bottom:1px solid rgba(0,0,0,0);
		}
		.exh_bottom li a.on span{
			color: #dab08d;
			border-bottom:1px solid #dab08d;
		}
.exh_bottom li p{
	height: 6px;
}
.exh_bottom li a.on img.ppfenlico02{
	display: inline-block;
}
.exh_bottom li a.on img.ppfenlico{
	display: none;
}
.exh_bottom li:hover img.ppfenlico02{
	display: inline-block;
}
.exh_bottom li:hover img.ppfenlico{
	display: none;
}
		.exh_bottom li:hover span{
			color: #dab08d;
			border-bottom:1px solid #dab08d;
		}
		.brand_p1{
			background-color: #eee;
			box-shadow: 0px 3px 15px 1px #d2d2d2;
		}
		.brand_p1 .exh_bottom{
/*			padding-top: 20px;*/
		}
		.brand_p1 .exh_bottom li{
/*			padding-bottom: 20px;*/
			margin-top: 20px;
		}
		@media screen and (min-width: 1500px){
			.exh_bottom li span{
				font-size: 14px;
				color: #666;
			}
			.exh_bottom li img{
				width: 35px;
				height: 35px;
			}
		}
		@media screen and (max-width: 750px){
			.exh_bottom.html5_css{
				width: 95%;
				display: block;
			}
			#introduce .in_con b, #introduce .in_bottom b {
    color: #dab08d;
    font-size: 14px;
}
		}
		@media screen and (max-width: 400px){
			.exh_bottom li span a{
				font-size: 12px;
			}
		}
	/* 成功案列和品牌系统的二级导航*/


/*end 子页面的样式*/
@media screen and (max-width: 1260px){
	.view_bannersb {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
}
	.mycontain {
     width: 94%;
    padding:40px 0px;
    margin: 0 auto;
}
	#partner .pic {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
}
	#view .v_bg .orange {
    font-size: 28px;
}
}
@media screen and (max-width: 1040px){
	#brandS .brandF_center div img {
    width: 95%;
    height: auto;
}
}

@media screen and (max-width: 750px){
	#view .v_bg .co_white {
    font-size: 14px;
}
	#brandS .brand_two {
    padding-bottom: 30px;
}
	#partner {
    background-color: #fff;
    padding-bottom: 10px;
}
	.ab_three {
    position: relative;
    padding: 30px 0 0 0!important;
    width: 100%;
    margin: 70px auto 0 auto;
}
}

@media screen and (max-width: 1100px){
		#imgs .ic_center ul li img{
			width: 150px;
			height: 75px;
			margin-top: 15px;
		}
	}