@charset "UTF-8"; 
/* css utf-8 编码声明
Write by 李露露 lilulu/Lucy Lee QQ/WeChat：984788308  Tel：15264105329 
 */

img {
	max-width: 100%;
}

.clearfix {
	clear:both;
}

body div a {
	outline: none;
}

ul,li {
	list-style: none;
}

body {
	width:100%;
	margin:0 auto;
	/*min-height: 5000px;*/
	/*background-color: #fff;*/
	background-color: #000;
}


/* 印象墙绘  类名统一加 yx- */

	.yx-top-line {
		width:100%;
		margin:0 auto;
		height:10px;
		background-color: #ee0062;
	}

	.yx-top-line2 {
		width:100%;
		margin:0 auto;
		height:4px;
		background-color: #ee0062;
	}

/* header  顶部通用代码 lilulu  19.03.01 开始  */

	.yx-header {
		background-color: #000;
	}
	.yx-header .container-layout {
		padding:20px 0;
	}
	.yx-logo {
		text-align: center;
	}
	.yx-nav {
		padding:0 15px;
	}

	.yx-nav ul.nav li {
		padding:0 15px;
		margin:0 10px;
	}
	
	.yx-nav ul.nav li a {
		outline: none;
		display: inline-block;
		font-size: 16px;
		color:#999;
		padding:8px 0;
		border-bottom: 3px solid rgba(0,0,0,0);
		transition: all 1s;
	}	

	.yx-nav ul.nav li.on a,.yx-nav ul.nav li:hover a {
		color:#ffd100;
		border-bottom: 3px solid #ffd100;
	}
	
	.yx-search .border-main {
		border-color: #ffd100;
		background-color: rgba(0,0,0,0);
		color:#fff;
	}

	.yx-search .button.bg-main {
		border-color: #ffd100;
		background-color:#ffd100; 
		font-size: 16px;
		color:#333;
	}

	@media(max-width: 1250px) and (min-width: 1000px) {

		.yx-logo {
			padding:5px 0;
		}

		.yx-nav ul.nav li {
			padding:0 15px;
			margin:0 5px;
		}
		
		.yx-nav ul.nav li a {
			font-size: 15px;
		}	

	}

	@media(max-width: 1000px) and (min-width: 760px) {
		.yx-logo {
			padding:10px 0 0;
		}

		.yx-nav ul.nav li {
			padding:0 5px;
			margin:0 5px;
		}
		
		.yx-nav ul.nav li a {
			font-size: 13px;
		}	

	}

	@media(max-width: 760px) {
		.yx-logo {
			text-align: left;
		}

		.yx-logo .icon-navicon {
			border: solid 1px #ffd100;
			color:#ffd100;
		}
		.yx-logo .icon-navicon:hover,.yx-logo .icon-navicon:focus {
			background: transparent;
		}

		.yx-nav ul.nav li {
			text-align: center;
		}
		
		.yx-nav ul.nav li.on a{
			color:#ffd100;
			border-bottom: 3px solid rgba(0,0,0,0);
		}		
		.yx-nav ul.nav li:hover a{
			color:#ffd100;
			border-bottom: 3px solid rgba(0,0,0,0);
		}

		.yx-search {
			width:80%;
			margin:0 auto;
		}
	}



/* header  顶部通用代码 lilulu  19.03.01 结束  */


/* footer  底部通用代码 lilulu  19.03.03 开始  */
	.yx-footer{
		width:100%;
		min-height: 350px;
		background-color: #151515;
	}

	.yx-footer-t {
		width:100%;
		margin:0 auto;
		padding:50px 0 5px;
	}

	.yx-footer-t-main {
		width:100%;
		margin:0 auto;
		padding:30px 0;
		border-bottom: 1px solid #444;
	}

	.yx-footer-t-left {
		/*min-height: 300px;*/
	}

	.yx-footer-t-left-nav {
		width:100%;
		margin:0 auto;
	}

	.yx-footer-t-left-nav a{
		outline: none;
		display: inline-block;
		margin:5px 25px 0 0 ;
		color:#999;
		font-size: 15px;
		transition: all 0.5s;
	}

	.yx-footer-t-left-nav a:hover{
		color:#ffd100;
	}

	.yx-footer-t-left-tel {
		width:100%;
		margin:30px auto 15px;
	}

	.yx-footer-t-left-tel p{
		width:100%;
		margin:5px auto;
		line-height: 25px;
		font-size: 14px;
		color:#888;
		transition: all 0.5s;
	}

	.yx-footer-t-left-tel p i{
		line-height: 25px;
		margin:0 10px 0 0;
		font-size: 18px;
		color:#ddd;
		transition: all 0.5s;
	}
	
	.yx-footer-t-left-tel p:hover i{
		color:#ffd100;
	}
	.yx-footer-t-left-tel p:hover{
		color:#ffd100;
	}


	.yx-footer-t-right {
		padding:5px 0;
		/*min-height: 300px;*/
		text-align: center;
	}


	.yx-footer-t-r-weixin {
		width:100%;
		text-align: center;
		margin:25px auto 0;
	}

	.yx-footer-t-r-weixin img{
		border-radius: 5px;
		box-shadow: 0 0 5px #eee;
	}

	.yx-footer-b {
		width:100%;
		margin:0 auto;
		padding:20px 0;
		text-align: center;
	}
	.yx-footer-b span{
		margin:5px;
		color:#333;
	}

	.yx-footer-b span a{
		outline: none;
		color:#333;
		transition: all 0.5s;
	}

	.yx-footer-b span a:hover{
		outline: none;
		color:#ffd100;
	}

	@media (max-width: 760px) {
		.yx-footer-t {
			width:100%;
			margin:0 auto;
			padding:15px 0 5px;
		}

		.yx-footer-t-left-nav {
			text-align: center;
		}

		.yx-footer-t-main {
		    padding: 15px 0;
		}

		.yx-footer-t-left-tel {
			margin:15px auto 15px;
			padding:0 15px;
		}

		.yx-footer-b {
			padding:20px;
		}

		.yx-footer{
			margin:0 auto 50px;
		}


	}

	@media (min-width: 760px) {

		.yx-footer-m{
			display: none;
		}

	}

	/* /移动端底部通用代码 */

	.yx-footer-m{
		position: fixed;
		bottom:0;
		left:0;
		width:100%;
		height:50px;
		z-index: 99;
		padding:5px 0;
		background-color: #fff;
	}
	.yx-footer-m-item {
		width:25%;
		float:left;
		height:40px;
		text-align: center;
	}
	
	.yx-footer-m-item-icon {
		width:100%;
		height:20px;
	}	
	.yx-footer-m-item-icon a{
		outline: none;
		display: block;
		width: 100%;
		height:100%;
		outline: none;
	}

	.yx-footer-m-item-icon img{
		width:20px;
		height:20px;
	}
	.yx-footer-m-item-txt{
		width:100%;
		height:20px;
		line-height: 20px;
		color:#555;
		font-size: 12px;
	}



/* footer  底部通用代码 lilulu  19.03.03 结束  */


/* 网站通用设置代码 lilulu  19.03.01 开始*/

	.yx-section {
		width:100%;
		margin:30px auto;
	}

	.yx-section-title {
		width:100%;
		height:40px;
		line-height: 40px;
		text-align: center;
		font-size: 32px;
		color:#fff;
		letter-spacing: 2px;
	}

	.yx-section-title-en {
		width:100%;
		height:20px;
		line-height: 20px;
		text-align: center;
		font-size: 17px;
		color:#888;
	}

	.yx-section-title-p {
		width:60%;
		margin:15px auto;
		line-height: 20px;
		text-align: center;
		color:#aaa;
	}

	.yx-section-title-p.text-left {
		text-align: left;
	}

	@media (max-width: 760px) {
		.yx-section-title-p {
			width:90%;
		}
	}

	.yx-searche-title-search {
		font-size: 25px;
	}

	.yx-section-title .search {
		color:#b00;
	}

	.yx-section-more {
		width:100%;
		text-align: center;
		margin:20px auto 15px;
	}

	.yx-section-more a{
		outline: none;
		display: inline-block;
		padding:8px 25px;
		font-size: 16px;
		color:#ffd100;
		border:1px solid #ffd100;
		border-radius: 5px;
		transition: all 0.5s;
	}

	.yx-section-more a:hover{
		color:#000;
		background-color: #ffd100;
		text-shadow: 0 0 5px #888;
	}

	@media(max-width: 760px){
		.yx-section {
			margin:15px auto;
		}

		.yx-section-title {
			height:30px;
			font-size: 24px;
		}

		.yx-section-title-en {
			height:20px;
			line-height: 20px;
			font-size: 15px;
		}

		.yx-section-more {
			margin:15px auto 10px;
		}

		.yx-section-more a{
			padding:5px 15px;
			font-size: 14px;
		}

		.yx-section-more a:hover{
			color:#000;
			background-color: #ffd100;
			text-shadow: 0 0 5px #888;
		}

	}

	/* 通用内页banner代码 */

	.yx-n-banner,.yx-n-banner-m {
		width:100%;
		margin:0 auto;
	}
	
	@media(max-width: 760px) {
		.yx-n-banner {
			display: none;
		}
	}	
	@media(min-width: 760px) {
		.yx-n-banner-m {
			display: none;
		}
	}

	/* 内页主体部分通用设置  */

	.yx-n-main {
		width:100%;
		min-height: 500px;
		margin:30px auto 15px;
		padding:20px 0;
	}

	@media (max-width: 760px) {
		.yx-n-main {
			width:100%;
			min-height: auto;
			margin:15px auto 10px;
			padding:10px 0;
		}

	}

	/* 列表分页通用代码 */

	.pagelist {
		list-style: none;
		height:30px;
		line-height: 30px;
		margin:50px auto 30px;
		text-align: center;
	}

	.pagelist li{
		display: inline-block;
		min-width:40px;
		height:30px;
		line-height: 30px;
		font-size: 12px;
		font-weight: bold;
		color:#333;
		padding:0 5px;
		background-color: #fff;
	}
	.pagelist li a{
		display: inline-block;
		outline: none;
		height:30px;
		line-height: 30px;
		font-size: 12px;
		padding:0 5px;
		font-weight: bold;
		color:#333;
		transition: all .4s;
	}

	.pagelist li:hover{
		color:#111;
		background-color: #ffd100;
	}
	.pagelist li:hover a{
		color:#111;
	}

	.pagelistli select:hover{
		color:#333;
	}

	.pagelist li select:hover option{
		color:#333;
	}
	.pagelist li select:hover option a{
		color:#333;
	}

	.pagelist li.thisclass{
		color:#111;
		background-color: #ffd100;
	}
	.pagelist li.thisclass a{
		color:#111;
	}


	@media (max-width: 760px) {

		.pagelist {
			height:25px;
			line-height: 25px;
			margin:20px auto 10px;
		}

		.pagelist li{
			min-width:35px;
			height:25px;
			line-height: 25px;
			font-size: 10px;
		}
		.pagelist li a{
			height:25px;
			line-height: 25px;
			font-size: 10px;
		}



	}

/* 网站通用设置代码 lilulu  19.03.01 结束*/


/* section1  首页精品案例 yx-case  lilulu  19.03.01 开始  */

	.yx-case {
		padding:35px 0;
	}

	.yx-case-nav {
		width:100%;
		margin:15px auto;
		text-align: center;
	}
	.yx-case-nav-item {
		display: inline-block;
		margin:5px 10px;
	}

	.yx-case-nav-item a{
		width:100%;
		outline: none;
		color:#999;
	}

	.yx-case-nav-item:hover a{
		color:#ffd100;
	}

	.yx-case-nav-item.on a{
		color:#ffd100;
	}

	.yx-case-list {
		width:100%;
		margin:30px auto;
	}

	.yx-case-list>div{
		padding:0 10px;
		text-align: center;
	}

	.yx-case-item {
		width:100%;
		text-align: center;
		margin:10px auto;
	}

	.yx-case-item-img {
		width:100%;
		margin:0 auto;
		overflow: hidden;
		border-bottom: 3px solid rgba(0,0,0,0);
		transition: all .5s;
	}
	.yx-case-item-img:hover {
		border-bottom: 3px solid #ffd100;
	}

	.yx-case-item-img a{
		outline: none;
		display: block;
		width:100%;
		margin:0 auto;
		overflow: hidden;
	}

	.yx-case-item-img a img{
		width:100%;
		/*transition: all 0.5s;*/
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		transition: all .8s ease 0s;
	}

	.yx-case-item-img a img:hover{
		-moz-transform:scale(1.1,1.1); 
		-ms-transform:scale(1.1,1.1); 
		-o-transform:scale(1.1,1.1); 
		-webkit-transform:scale(1.1,1.1); 
		transform:scale(1.1,1.1);
	}

	.yx-case-item-txt {
		width:100%;
		margin:10px auto 0;
		height:40px;
		line-height: 40px;
		text-align: center;
	}

	.yx-case-item-txt a{
		outline: none;
		text-align: center;
		color:#999;
		transition: all .5s;
	}

	.yx-case-item-txt a:hover{
		color:#ffd100;
	}

	@media(max-width: 760px){
		.yx-case {
			padding:15px 0;
		}
		.yx-case-list {
			margin:20px auto;
		}
		.yx-case-item {
			margin:5px auto;
		}
		.yx-case-item-txt {
			width:100%;
			margin:10px auto 0;
			height:30px;
			line-height: 30px;
			text-align: center;
		}


	}

/* section1  首页精品案例 yx-case  lilulu  19.03.01 结束  */


/* section2  首页合作品牌 yx-brand lilulu  19.03.01 开始  */

	.yx-brand-list {
		width:100%;
		margin:40px auto;
	}

	@media(max-width: 760px) {

		.yx-brand-list {
			width:100%;
			margin:20px auto 15px;
		}

	}

/* section2  首页合作品牌 yx-brand lilulu  19.03.01 结束  */


/* section3  首页关于我们 yx-about lilulu  19.03.03 开始  */

	.yx-about {
		width:100%;
		height:580px;
		margin:40px auto;
		background:url('../images/yx-about-bg.jpg') center center no-repeat;
	}

	.yx-about-left {
		height:580px;
		padding:140px 20px;
		text-align: center;
		color:#666;
	}

	.yx-about-left-main {
		width:100%;
		margin:40px auto;
	}

	.yx-about-left-main p{
		width:100%;
		margin:5px auto;
		line-height: 20px;
	}

	.yx-about-more {
		width:100%;
		margin:20px auto;
		text-align: center;
	}

	.yx-about-more a{
		outline: none;
		font-size: 16px;
		color:#ffd100;
		padding:1px 0;
		border-bottom: 1px solid #ffd100;
		transition: all .5s;
	}

	.yx-about-more a:hover{
		color:#fff;
		border-bottom: 1px solid #fff;
	}

	@media(max-width: 760px) {


		.yx-about {
			height:auto;
			margin:15px auto;
			background-image: none;
		}
		.yx-about-left {
			height:auto;
			padding:15px 5px;
			text-align: center;
			color:#666;
		}

	}

/* section3  首页关于我们 yx-about lilulu  19.03.03 结束  */


/* section4  首页服务项目 yx-service lilulu  19.03.03 开始  */

	.yx-service {
		width:100%;
		margin:50px auto 0;
	}

	.yx-service-list {
		width:100%;
		margin:50px auto 30px;
	}

	.yx-service-item {
		padding:0 5px;
		margin:10px auto;
	}

	.yx-service-item a {
		outline: none;
		display: block;
		width:100%;
		position: relative;
		text-align: center;
		overflow: hidden;
	}

	.yx-service-item-img {
		width:100%;
		margin:0 auto;
	}

	.yx-service-item-img img{
		width:100%;
		max-width: 100%;
	}

	.yx-service-item-mask {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color: rgba(0,0,0,.5);
	}

	.yx-service-item-mask-out {
		/*position: relative;*/
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	.yx-service-item-mask-in {
		position: absolute;
		width:100%;
		top: 50%;
		/* 这里有兼容性问题 */
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}


	.yx-service-item-mask-icon {
		width:63px;
		height:63px;
		margin:0 auto;

	}

	.yx-service-item-mask-icon:hover {
		filter: grayscale(100%);
	}


	.yx-service-item-mask-icon01 {
		background:url('../images/yx-service-item-mask-icon01.png') center center no-repeat;
	}
	

	.yx-service-item-mask-icon02 {
		background:url('../images/yx-service-item-mask-icon02.png') center center no-repeat;
	}
	

	.yx-service-item-mask-icon03 {
		background:url('../images/yx-service-item-mask-icon03.png') center center no-repeat;
	}
	

	.yx-service-item-mask-icon04 {
		background:url('../images/yx-service-item-mask-icon04.png') center center no-repeat;
	}
	

	.yx-service-item-mask-icon05 {
		background:url('../images/yx-service-item-mask-icon05.png') center center no-repeat;
	}
	

	.yx-service-item-mask-icon06 {
		background:url('../images/yx-service-item-mask-icon06.png') center center no-repeat;
	}


	.yx-service-item-mask-icon07 {
		background:url('../images/yx-service-item-mask-icon07.png') center center no-repeat;
	}
	

	.yx-service-item-mask-icon08 {
		background:url('../images/yx-service-item-mask-icon08.png') center center no-repeat;
	}
	

	.yx-service-item-mask-icon09 {
		background:url('../images/yx-service-item-mask-icon09.png') center center no-repeat;
	}
	

	.yx-service-item-mask-icon10 {
		background:url('../images/yx-service-item-mask-icon10.png') center center no-repeat;
	}
	

	.yx-service-item-mask-icon11 {
		background:url('../images/yx-service-item-mask-icon11.png') center center no-repeat;
	}
	

	.yx-service-item-mask-icon12 {
		background:url('../images/yx-service-item-mask-icon12.png') center center no-repeat;
	}


	.yx-service-item-mask-txt {
		width:100%;
		text-align: center;
		line-height: 20px;
		height:20px;
		font-size: 16px;
		letter-spacing: 1px;
		margin:10px auto;
		overflow: hidden;
		color:#fff;
	}

	.yx-service-item-mask-txt:hover {
		color:#ffd100;
	}

	@media(max-width: 760px){
		.yx-service {
		    width: 100%;
		    margin: 25px auto 0;
		}	
	}


/* section4  首页服务项目 yx-service lilulu  19.03.03 结束  */


/* section5  首页优势 yx-strength lilulu  19.03.03 开始  */
	.yx-strength {
		width:100%;
		height:580px;
		margin:40px auto;
		background:url('../images/yx-strength-bg.jpg') center center no-repeat;
	}

	.yx-strength-right {
		height:580px;
		padding:30px 20px;
		text-align: center;
		color:#666;
	}

	.yx-strength-right-list {
		margin:0 auto;
		position: relative;
		width: 100%;
		height:100%;		
	}
	.yx-strength-right-list-main {
		width:100%;
		position: absolute;
		top: 50%;
		/* 这里有兼容性问题 */
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.yx-strength-right-item {
		margin:25px auto;
		text-align: center;
	}

	.yx-strength-right-item a{
		outline: none;
		display: block;
		text-align: center;
		color:#fff;
	}

	.yx-strength-right-item-img {
		width:100%;
		margin:0 auto;
	}

	.yx-strength-right-item-txt {
		width:100%;
		margin:20px auto;
		color:#fff;
		font-size: 16px;
		height:25px;
		line-height: 25px;
		letter-spacing: 1px;
	}

	@media(max-width: 760px) {
		.yx-strength {
			height:auto;
			margin:20px auto;
			background:none;
		}

		.yx-strength-right {
			height:350px;
			min-height:350px;
			padding:10px 10px;
		}

	}


/* section5  首页优势 yx-strength lilulu  19.03.03 结束  */


/* section6  首页新闻资讯 yx-news lilulu  19.03.03 开始  */
	.yx-news {
		width:100%;
		margin:50px auto;
	}
	.yx-news-list {
		width:100%;
		margin:35px auto;
	}

	.item-5 {
		width:20%;
		margin:10px auto 0;
		float:left;
		padding:0 10px;
	}

	.yx-news-item-img {
		width:100%;
		margin:0 auto;
	}

	.yx-news-item-img a{
		outline: none;
		display: block;
		width:100%;
		margin:0 auto;
		overflow: hidden;
	}

	.yx-news-item-img a img{
		width:100%;
		/*transition: all 0.5s;*/
		-moz-transition: all .8s ease 0s;
		-ms-transition: all .8s ease 0s;
		-o-transition: all .8s ease 0s;
		-webkit-transition: all .8s ease 0s;
		transition: all .8s ease 0s;
	}

	.yx-news-item-img a img:hover{
		-moz-transform:scale(1.1,1.1); 
		-ms-transform:scale(1.1,1.1); 
		-o-transform:scale(1.1,1.1); 
		-webkit-transform:scale(1.1,1.1); 
		transform:scale(1.1,1.1);
	}

	.yx-news-item-txt {
		width:100%;
		margin:0 auto;
		padding:10px 15px;
		background-color: #282828;
		transition: all 0.5s;
	}

	.yx-news-item-txt a{
		width:100%;
		outline: none;
		display: block;
		margin:0 auto;
	}

	.yx-news-item-txt a h2{
		width:100%;
		height:30px;
		line-height: 30px;
		color:#eee;
		font-size: 15px;
		overflow: hidden;
		transition: all 0.5s;
	}

	.yx-news-item-txt a p{
		width:100%;
		height:40px;
		margin:3px auto 0;
		line-height: 20px;
		color:#aaa;
		font-size: 12px;
		overflow: hidden;
		text-align: justify;
		transition: all 0.5s;
	}

	.yx-news-item-txt:hover{
		background-color: #ffd100;
	}

	.yx-news-item-txt:hover a h2{
		color:#000;
	}

	.yx-news-item-txt:hover a p{
		color:#222;
	}

	@media(max-width: 1000px) and (min-width: 500px) {

		.item-5 {
			width:33.333333%;
			margin:10px auto 0;
			padding:0 10px;
		}
	}

	@media(max-width: 500px) {

		.item-5 {
			width:50%;
			margin:15px auto 0;
			padding:0 10px;
		}

		.yx-news-item-txt a p{
			height:60px;
		}
	}


/* section6  首页新闻资讯 yx-news lilulu  19.03.03 结束  */


/* 内页部分 */


/* yx-n-service 内页 服务项目 李露露 19.03.04 开始 */

	.yx-n-service-list {
		width:100%;
		margin:50px auto 30px;
	}

	.yx-n-service-item {
		margin:20px auto;
		padding:0 10px;
	}

	.yx-n-service-item-main {
		position: relative;
	}

	.yx-n-service-item-txt {
		position: relative;
		z-index: 2;
		width:85%;
		margin:0 auto;
		min-height: 160px;
		padding:25px 40px;
		background-color: rgba(32,32,32,0.8);
	}	

	.yx-n-service-item-img {
		position: relative;
		z-index: 1;
	}
	
	.yx-n-service-item-txt-img {
		width:25%;
		text-align: center;
		float:left;
	}

	.yx-n-service-item-txt-img h2{
		width:100%;
		height:25px;
		line-height: 25px;
		color:#ffd100;
		margin:5px auto 0;
		font-size: 14px;
	}
	.yx-n-service-item-txt-txt {
		width:65%;
		float:right;
		line-height: 20px;
		font-size: 12px;
		min-height: 160px;
		overflow: hidden;
		text-align: justify;
		color:#999;
	}

	.yx-n-service-item-txt01 {
		margin:-20px auto 0;
	}

	.yx-n-service-item-img02 {
		margin:-20px auto 0;
	}

	.yx-n-service-item-txt03 {
		margin:-20px auto 0;
	}

	.yx-n-service-item-img04 {
		margin:-20px auto 0;
	}

	.yx-n-service-item-txt05 {
		margin:-20px auto 0;
	}

	.yx-n-service-item-img06 {
		margin:-20px auto 0;
	}

	@media (max-width: 1000px) and (min-width: 760px) {

		.yx-n-service-item-txt-txt {
			min-height: 240px;
			max-height: 240px;
		}
	}

	@media (max-width: 760px) {

		.yx-n-service-item-txt {
			min-height: auto;
		}	

		.yx-n-service-item-txt-txt {
			min-height: auto;
			max-height: auto;
		}
		.yx-top-line-bottom {
			display: none;
		}
	}





/* yx-n-service 内页 服务项目 李露露 19.03.04 结束 */

/* yx-n-case 内页 案例展示 李露露 19.03.04 开始 */

	.yx-n-section-body {
		width:100%;
		margin:30px auto 20px;
	}

	.yx-n-section-title {
		width:100%;
		margin:0 auto 15px;
		height:40px;
		line-height: 40px;
		text-align: center;
		color:#ffd100;
		font-size: 20px;
		font-weight: bold;
	}

	.yx-n-section-title-span {
		width:100%;
		padding:0;
		line-height: 20px;
		text-align: center;
		color:#666;
	}

	.yx-n-section-title-span span {
		margin:0 5px;
	}

	.yx-n-section-body-main {
		width:100%;
		margin:35px auto 0;
		min-height: 500px;
		background-color: #fff;
		font-size: 14px;
		line-height: 1.3;
		color:#333;
		padding:30px;
	}

	.yx-n-section-body-main p{
		width:100%;
		margin:10px auto 0;
		text-align: justify;
	}


	@media(max-width: 760px) {


		.yx-n-section-body {
			margin:20px auto 10px;
		}

		.yx-n-section-title {
			margin:0 auto 10px;
			height:auto;
			line-height: 35px;
			font-size: 18px;
		}

		.yx-n-section-title-span {
			width:85%;
		}

		.yx-n-section-body-main {
			margin:25px auto 0;
			min-height: 300px;
			padding:15px;
		}

	}

	/* 内页翻页 */

	.page {
		width:100%;
		background-color: #ddd;
		padding:10px;
		line-height: 30px;
		color:#222;
		transition: all 0.5s;
	}

	.page-pre {
		width:45%;
		float:left;
	}

	.page-next {
		width:45%;
		float:right;
		text-align: right;
	}

	.page-pre a,.page-next a {
		margin:0 0 0 5px;
		color:#555;
	}



	.page:hover {
		background-color: #222;
	}
	
	.page:hover .page-pre, .page:hover .page-next{
		color:#fff;
	}

	.page:hover .page-pre a, .page:hover .page-next a{
		color:#999;
	}

	.page:hover .page-pre a:hover,.page:hover .page-next a:hover {
		color:#ffd100;
	}

	@media (max-width: 760px) {

		.page {
			line-height: 20px;
		}

		.page-pre {
			width:100%;
			float:none;
			margin:5px auto;
			font-size: 11px;
		}

		.page-next {
			width:100%;
			float:none;
			text-align: left;
			margin:5px auto;
			font-size: 11px;
		}

	}




/* yx-n-case 内页 案例展示 李露露 19.03.04 结束 */


/* yx-n-news 内页 新闻中心 李露露 19.03.04 开始 */

	.yx-n-news-list{
		width:100%;
		min-height: 350px;
		margin:30px auto 0;
		background-color: #fff;
		padding:20px;
	}

	.yx-n-news-item {
		width:100%;
		height:120px;
		margin:20px auto;
		transition: all 0.5s;
	}
	.yx-n-news-item-img {
		width:160px;
		height:120px;
		float:left;
		overflow: hidden;
	}

	.yx-n-news-item-txt {
		height:120px;
		margin-left: 180px;
		overflow: hidden;
	}

	.yx-n-news-item-txt h2{
		width:100%;
		height:35px;
		line-height: 35px;
		overflow: hidden;
	}

	.yx-n-news-item-txt h2 a{
		outline: none;
		font-size: 18px;
		color:#111;
		transition: all 0.5s;
	}	

	.news-n-date {
		width:100%;
		height:20px;
		line-height: 20px;
		margin:5px auto;
		font-size: 12px;
		color:#999;
	}
	.news-n-p {
		width:100%;
		height:40px;
		line-height: 20px;
		margin:10px auto 0;
		font-size: 12px;
		color:#666;
		padding:0 20px 0 0;
		overflow: hidden;
		text-align: justify;
	}

	.yx-n-news-item:hover {
		background-color: rgba(255,209,0,0.7);
	}

	.yx-n-news-item-txt h2 a:hover{
		color:#000;
	}

	.yx-n-news-item:hover  .news-n-date {
		color:#777;
	}
	.yx-n-news-item:hover  .news-n-p {
		color:#444;
	}

	@media (max-width: 760px) {


		.yx-n-news-item {
			height:90px;
			margin:15px auto;
		}
		.yx-n-news-item-img {
			width:120px;
			height:90px;
		}

		.yx-n-news-item-txt {
			height:90px;
			margin-left: 130px;
		}

		.yx-n-news-item-txt h2{
			height:25px;
			line-height: 25px;
		}

		.yx-n-news-item-txt h2 a{
			font-size: 16px;
		}	

		.news-n-date {
			height:15px;
			line-height: 15px;
			margin:5px auto;
			font-size: 11px;
		}
		.news-n-p {
			height:36px;
			line-height: 18px;
			margin:7px auto 0;
			font-size: 12px;
		}



	}

/* yx-n-news 内页 新闻中心 李露露 19.03.04 结束 */


/* yx-n-about 内页 关于我们 李露露 19.03.04 开始 */
	.yx-n-about-01 {
		width:100%;
		margin:35px auto 35px;
	}
	
	.yx-n-about-01-txt {
		width:740px;
		height:580px;
		float:left;
		overflow: hidden;
	}

	.yx-n-about-01-txt h1{
		width:90%;
		font-size: 20px;
		min-height: 30px;
		height: 30px;
		color:#ffd100;
		letter-spacing: 1px;
	}

	.yx-n-about-01-txt-p {
		width:90%;
		margin:20px 0 0;
		text-align: justify;
		font-size: 14px;
		color:#999;
	}
	.yx-n-about-01-txt-p p{
		width:100%;
		margin:3px auto;
		text-align: justify;
		font-size: 13px;
		line-height: 20px;
		color:#999;
	}

	.yx-n-about-01-img {
		width:440px;
		height:580px;
		float:right;
		overflow: hidden;
	}

	.yx-n-about-02 {
		width:100%;
		margin:35px auto 35px;
	}
	.yx-n-about-02 .item-5 {
		padding:0;
	}
	.yx-n-about-02-item {
		margin:10px auto 0;
	}
	
	.yx-n-about-02-item-main {
		width:100%;
		padding:5px;
		border:1px solid rgba(0,0,0,0);
		transition: all 0.5s;
	}

	.yx-n-about-02-item-main {
		width:100%;
		border:1px solid rgba(0,0,0,0);
		transition: all 0.5s;
	}

	.yx-n-about-02-item-main img{
		width:100%;
	}

	.yx-n-about-02-item-main:hover{
		border:1px solid #ffd100;
	}

	@media(max-width: 1200px){

		.yx-n-about-01-txt {
			width:630px;
			height:461px;
		}

		.yx-n-about-01-txt h1{
			font-size: 17px;
			min-height: 25px;
			height: 25px;
		}

		.yx-n-about-01-txt-p {
			margin:10px 0 0;
			font-size: 12px;
		}
		.yx-n-about-01-txt-p p{
			font-size: 12px;
			line-height: 16px;
		}

		.yx-n-about-01-img {
			width:350px;
			height:461px;
		}


	}

	@media(max-width: 1000px){

		.yx-n-about-01-txt {
			width:100%;
			height:auto;
		}

		.yx-n-about-01-txt h1{
			width:100%;
			font-size: 17px;
			min-height: 25px;
			height: 25px;
		}

		.yx-n-about-01-txt-p {
			width:100%;
			margin:10px 0 0;
			font-size: 12px;
		}
		.yx-n-about-01-txt-p p{
			font-size: 12px;
			line-height: 16px;
		}

		.yx-n-about-01-img {
			padding:15px;
			margin:15px auto;
			width:100%;
			height:auto;
			text-align: center;
		}


	}



	@media(max-width: 760px){

		.yx-n-about-01-txt {
			width:100%;
			height:auto;
			padding:10px;
		}

		.yx-n-about-01-txt h1{
			width:100%;
		}

		.yx-n-about-01-txt-p {
			width:100%;
			margin:15px 0 0;
		}
		.yx-n-about-01-txt-p p{
			width:100%;
			margin:3px auto;
			text-align: justify;
			font-size: 13px;
			line-height: 20px;
			color:#999;
		}

		.yx-n-about-01-img {
			width:100%;
			padding:10px;
			height:auto;
			float:none;
			text-align: center;
			overflow: hidden;
		}
		.yx-n-about-01-img img{
			max-width:300px;
		}

		.yx-n-about-02 {
			width:100%;
			margin:35px auto 35px;
		}
		.yx-n-about-02 .item-5 {
			padding:0;
		}
		.yx-n-about-02-item {
			margin:10px auto 0;
		}
		
		.yx-n-about-02-item-main {
			width:100%;
			padding:5px;
			border:1px solid rgba(0,0,0,0);
			transition: all 0.5s;
		}

		.yx-n-about-02-item-main {
			width:100%;
			border:1px solid rgba(0,0,0,0);
			transition: all 0.5s;
		}

		.yx-n-about-02-item-main img{
			width:100%;
		}

		.yx-n-about-02-item-main:hover{
			border:1px solid #ffd100;
		}



	}

	/* 核心优势 */
	.yx-n-about-03 {
		width:100%;
		margin:35px auto 25px;
	}

	.yx-n-about-03-item{
		margin:10px auto;
		position: relative;
	}

	.yx-n-about-03-item-main {
		width:100%;
		padding:0 10px;
	}
	
	.yx-n-about-03-item-img {
		width:100%;
	}	
	.yx-n-about-03-item-img img{
		width:100%;
	}

	.yx-n-about-03-mask {
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
	}

	.yx-n-about-03-mask-out {
		margin: 0 auto;
		text-align: center;
		width: 100%;
	}

	.yx-n-about-03-mask-in {
		position: absolute;
		width:100%;
		top: 50%;
		/* 这里有兼容性问题 */
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.yx-n-about-03-mask-icon {
		width:100%;
		margin:0 auto;
	}

	.yx-n-about-03-mask-title {
		width:100%;
		margin:15px auto 10px;
		height:30px;
		line-height: 30px;
		color:#fff;
		font-size: 18px;
	}

	.yx-n-about-03-mask-p {
		width:100%;
		margin:5px auto;
		line-height: 20px;
	}

	.yx-n-about-03-mask-p p{
		width:100%;
		line-height: 20px;
		color:#ddd;
		margin:0 auto;
	}

	@media (max-width: 450px) {

		.yx-n-about-03-mask-icon {
			width:100%;
			margin:0 auto;
		}
		.yx-n-about-03-mask-icon img{
			max-width: 50px;
		}

		.yx-n-about-03-mask-title {
			width:100%;
			margin:10px auto 5px;
			height:25px;
			line-height: 25px;
			color:#fff;
			font-size: 16px;
		}

		.yx-n-about-03-mask-p {
			width:100%;
			margin:5px auto;
			line-height: 20px;
		}

		.yx-n-about-03-mask-p p{
			width:100%;
			line-height: 20px;
			color:#ddd;
			margin:0 auto;
			font-size: 13px;
		}

	}


/* yx-n-about 内页 关于我们 李露露 19.03.04 结束 */


/* yx-n-contact 内页 联系我们 李露露 19.03.04 开始 */

	.yx-n-contact {
		width:100%;
		margin:35px auto 20px;
	}

	.yx-n-contact-right {
		width:580px;
		height:350px;
		float:right;
	}

	.yx-n-contact-left {
		height:350px;
		width:600px;
		float:left;
		/*overflow: hidden;*/
	}

	.yx-n-contact-left-main{
		width:100%;
		margin:0 auto;
		height:350px;
		/*overflow: hidden;*/
		padding-right:20px;
	}

	.yx-n-contact-left-group1{
		width:100%;
		height:150px;
		margin:0 auto 50px;
	}

	.yx-n-contact-left-group2{
		width:100%;
		height:150px;
		margin:0 auto;
	}

	.yx-n-contact-item {
		width:280px;
		height:150px;
		float:left;
		text-align: center;
		margin:0 10px 10px 0;
		border:1px solid #fff;
		transition: all 0.5s;
		padding:0 15px;
	}
	.yx-n-contact-item-icon {
		margin:-30px auto 0;
	}

	.yx-n-contact-item-h {
		width:100%;
		height:35px;
		line-height: 35px;
		font-size:20px;
		margin:25px auto 0;
		color:#eee;
		transition: all 0.5s;
	}

	.yx-n-contact-item-p {
		width:100%;
		line-height: 20px;
		font-size: 15px;
		color:#888;
		max-height: 40px;
		transition: all 0.5s;
	}

	.yx-n-contact-item:hover {
		border:1px solid #ffd100;
	}

	.yx-n-contact-item:hover .yx-n-contact-item-h {
		color:#ffd100;
	}

	.yx-n-contact-item:hover .yx-n-contact-item-p {
		color:#ffd100;
	}

	@media(max-width: 1200px) and (min-width:1000px) {


		.yx-n-contact-right {
			width:480px;
			height:290px;
			float:right;
		}

		.yx-n-contact-left {
			width:500px;
			height:290px;
			float:left;
		}

		.yx-n-contact-left-main{
			width:100%;
			margin:0 auto;
			height:290px;
			padding-right:20px;
		}

		.yx-n-contact-left-group1{
			width:100%;
			height:125px;
			margin:0 auto 40px;
		}

		.yx-n-contact-left-group2{
			width:100%;
			height:125px;
			margin:0 auto;
		}

		.yx-n-contact-item {
			width:230px;
			height:125px;
			float:left;
			text-align: center;
			margin:0 10px 10px 0;
			border:1px solid #fff;
			transition: all 0.5s;
			padding:0 15px;
		}
		.yx-n-contact-item-icon {
			margin:-30px auto 0;
		}

		.yx-n-contact-item-h {
			width:100%;
			height:30px;
			line-height: 30px;
			font-size:18px;
			margin:10px auto 0;
			color:#eee;
			transition: all 0.5s;
		}

		.yx-n-contact-item-p {
			width:100%;
			line-height: 20px;
			font-size: 15px;
			color:#888;
			max-height: 40px;
			transition: all 0.5s;
		}

	}
	

	@media(max-width: 1200px) and (min-width: 500px) {


		.yx-n-contact-right {
			width:100%;
			height:auto;
			float:none;
			margin:25px auto 0;
			text-align: center;
		}

		.yx-n-contact-left {
			width:100%;
			height:auto;
			float:none;
		}

		.yx-n-contact-left-main{
			width:100%;
			margin:0 auto;
			height:auto;
			padding:0 20px;
		}

		.yx-n-contact-left-group1{
			width:100%;
			height:auto ;
			margin:0 auto 30px;
		}

		.yx-n-contact-left-group2{
			width:100%;
			height:auto;
			margin:0 auto;
		}

		.yx-n-contact-item {
			width:47.5%;
			height:auto;
			float:left;
			text-align: center;
			margin:0 2% 10px 0;
			border:1px solid #fff;
			transition: all 0.5s;
			padding:0 15px;
		}
		.yx-n-contact-item-icon {
			margin:-30px auto 0;
		}

		.yx-n-contact-item-h {
			width:100%;
			height:30px;
			line-height: 30px;
			font-size:18px;
			margin:10px auto 0;
			color:#eee;
			transition: all 0.5s;
		}

		.yx-n-contact-item-p {
			width:100%;
			line-height: 20px;
			font-size: 15px;
			height:60px;
			color:#888;
			max-height: 40px;
			transition: all 0.5s;
		}

	}


	@media(max-width: 500px){


		.yx-n-contact-right {
			width:100%;
			height:auto;
			float:none;
			margin:15px auto 0;
			text-align: center;
		}

		.yx-n-contact-left {
			width:100%;
			height:auto;
			float:none;
		}

		.yx-n-contact-left-main{
			width:100%;
			margin:0 auto;
			height:auto;
			padding:0 10px;
		}

		.yx-n-contact-left-group1{
			width:100%;
			height:auto ;
			/*margin:0 auto 30px;*/
			margin:30px auto 0;
		}

		.yx-n-contact-left-group2{
			width:100%;
			height:auto;
			margin:0 auto;
		}

		.yx-n-contact-item {
			width:100%;
			height:auto;
			float:left;
			text-align: center;
			margin:0 auto 45px;
			border:1px solid #fff;
			transition: all 0.5s;
			padding:0 15px;
		}
		.yx-n-contact-item-icon {
			margin:-30px auto 0;
		}

		.yx-n-contact-item-h {
			width:100%;
			height:30px;
			line-height: 30px;
			font-size:18px;
			margin:10px auto 0;
			color:#eee;
			transition: all 0.5s;
		}

		.yx-n-contact-item-p {
			width:100%;
			line-height: 20px;
			font-size: 15px;
			height:60px;
			color:#888;
			max-height: 40px;
			transition: all 0.5s;
		}

	}


/* yx-n-contact 内页 联系我们 李露露 19.03.04 结束 */