.dyui-main { width: 1200px; margin: 0 auto; }
.dyui-pull-right { float: right; }
.dyui-bg-white { background-color: #fff!important; color: #333!important; }
/* 导航主题色 */.dyui-bg-white .layui-nav-bar,
.dyui-bg-white .layui-this:after,
.dyui-bg-white .layui-nav-itemed:after{height: 3px; background-color: #005aab;}
.dyui-bg-white .layui-nav-child dd.layui-this{background-color: #005aab;}
.dyui-bg-white .layui-nav-item>a{color: #333 !important;}

.dyui-clear { clear: both; *zoom: 1; }
.dyui-clear:after{ content:'\20'; clear: both; *zoom: 1; display: block; height: 0; }

/* table */
.table-responsive { margin: 15px 0; }
.table { width: 100%; border: 1px solid #666; border-collapse: collapse; border-spacing: 0; line-height: 18px; }
.table th { color: #fff; background-color: #0077c0; font-weight: normal; }
.table th,
.table td { border: 1px solid #666; padding: 5px; }

#header { position: relative; width: 100%; height: 100px; }
.dyui-left { position: absolute; z-index: 99; top: 18px; left: 30px; }
.logo { float: left; margin-right: 20px; }
.slogan { position: relative; float: left; padding-left: 20px; margin-top: 12px; }
.slogan:before { content: ''; position: absolute; z-index: 99; top: -5px; left: 0; display: block; width: 1px; height: 50px; background-color: #eaeaea; }
.slogan p { font-size: 18px; color: #333; line-height: 20px; }
.slogan p span { font-family: Arial; font-size: 16px; color: #999; }

/* dyui-nav */
.dyui-nav { position: absolute; z-index: 99; top: 0; right: 30px; }
.dyui-nav>ul>.dyui-nav-item { position: relative; z-index: 99; display: inline-block; margin: 0 15px; padding: 33px 0; }
.dyui-nav>ul>.dyui-nav-item>a { display: block; font-size: 14px; color: #666; line-height: 34px; padding: 0 20px; transition: all .3s ease; }
.dyui-nav>ul>.dyui-nav-item.active>a,
.dyui-nav>ul>.dyui-nav-item:hover>a { color: #fff; background-color: #06528c; border-radius: 20px; }
.dyui-nav>ul>.dyui-nav-item ul { position: absolute; visibility: hidden; opacity: 0; top: 97px; left: -15px; padding: 10px 0; width: auto; background-color: #fff; border-top: 3px solid #06528c; transform: translateY(-20px); box-shadow: 0 10px 20px rgba(0,0,0,.2); }
.dyui-nav>ul>.dyui-nav-item:hover ul { visibility: visible; opacity: 1; transform: translateY(0); transition: all .3s ease-out 0s; }
.dyui-nav>ul>.dyui-nav-item:hover ul li a { display: block; font-family: "Microsoft Yahei"; color: #333; text-align: left; padding: 6px 30px; white-space: nowrap; }
.dyui-nav>ul>.dyui-nav-item:hover ul li a:hover { background-color: #f0f0f0; }

/* banner */
#banner .carousel-item { background-position: center; }

/* dyui-title */
.dyui-title { text-align: center; }
.dyui-title p.title { font-size: 24px; color: #06528c; }
.dyui-title p.subtitle { font-size: 14px; color: #ccc; margin-top: 5px; }

/* iproduct */
#iproduct { padding: 50px 0 90px; background-color: #f5f5f5; }
.iproduct-content { margin: 45px 0 60px; }
.iproduct-cate { float: left; width: 260px; }
.iproduct-cate h1 { width: 225px; height: 80px; font-size: 24px; color: #fff; line-height: 80px; padding-left: 35px; background-color: #06528c; }
.iproduct-cate ul { width: 210px; height: 620px; padding-top: 30px; padding-left: 50px; background: #fff url(../images/ipro-cate-bg.jpg) no-repeat center bottom; }
.iproduct-cate ul li { font-size: 16px; color: #333; line-height: 48px; }
.iproduct-list { float: right; width: 900px; overflow: hidden; }
.iproduct-list ul { width: 930px; }
.iproduct-item { float: left; width: 280px; height: 350px; background-color: #fff; margin-right: 30px; margin-bottom: 30px; background-color: #fff; }
.iproduct-item img { width: 280px; height: 280px; }
.iproduct-item p.title { font-size: 14px; color: #333; text-align: center; margin-top: 10px; }
.iproduct-item p.subtitle { font-size: 14px; color: #999; text-align: center; margin-top: 5px; }
a.iproduct-more { display: block; width: 118px; height: 38px; border: 1px solid #ccc; font-size: 14px; color: #666; line-height: 38px; text-align: center; margin: 0 auto; transition: all ease .5s; }
a.iproduct-more::after { content: ""; display: block; width: 0; height: 38px; background-color: #23a2e5; margin-top: -38px; transition: all ease .5s; }
a.iproduct-more:hover::after { width: 118px; }
a.iproduct-more:hover { color: #fff; border: 1px solid #23a2e5; }

/* iabout */
#iabout { height: 480px; }
.iabout-info { float: left; width: 600px; height: 100%; margin-left: 50%;}
.iabout-title { margin-top: 65px; margin-left: 80px; }
.iabout-title p.title { font-size: 30px; color: #06528c; }
.iabout-title p.subtitle { font-size: 20px; color: #333; margin-top: 10px; }
.iabout-description { width: 420px; margin-top: 20px; margin-left: 80px; }
.iabout-description p { font-size: 14px; color: #666; line-height: 24px; }
a.iabout-more { display: block; width: 98px; height: 34px; font-size: 14px; color: #666; line-height: 34px; text-align: center; border: 1px solid #ccc; margin-top: 25px; transition: all ease .5s; }
a.iabout-more::after { content: ""; display: block; width: 0; height: 34px; background-color: #23a2e5; margin-top: -34px; transition: all ease .5s; }
a.iabout-more:hover::after { width: 98px; }
a.iabout-more:hover { color: #fff; border: 1px solid #23a2e5; }
.iabout-scale { margin-top: 70px; margin-left: 20px; }
.scale-item { position: relative; float: left; margin: 0 45px 0 30px; }
.scale-item02 { margin-right: 58px; }
.scale-item:before { content: ''; position: absolute; z-index: 99; top: ; left: -30px; display: block; width: 1px; height: 60px; background-color: #eee; }
.scale-item:first-child:before { width: 0; }
.scale-item i.iconfont { float: left; font-size: 30px; margin-right: 15px; }
.scale-info { float: left; }
.scale-info p.number { position: relative; font-family: Arial; font-size: 30px; color: #000; }
.scale-info p.number i { position: absolute; z-index: 99; top: -10px; font-size: 12px; font-family: "Microsoft Yahei"; font-style: normal; color: #666; }
.scale-info p.number i.i1 { right: -15px; }
.scale-info p.number i.i2 { right: -28px; }
.scale-info p.number i.i3 { right: -15px; }
.scale-info p.word { font-size: 16px; color: #999; }

.iabout-img { width: 50%; height: 480px; }

/* ibanner01 */
#ibanner01 { width: 100%; height: 160px; background: url(../images/ibanner01.jpg) no-repeat center top; }

/* inews */
#inews { padding: 50px 0 75px; }
.inews-content { margin: 40px 0 85px; }
.inews-tj-list { float: left; width: 480px; }
.inews-tj-item {}
.inews-tj-item img { width: 480px; height: 270px; }
.inews-tj-item-info { width: 420px; height: 130px; padding: 30px 30px 0; background-color: #06528c; }
.inews-tj-item-info .date { float: left; width: 70px; font-family: Arial; text-align: center; margin-top: 5px; }
.inews-tj-item-info .date p.dd { font-size: 36px; color: #fff; }
.inews-tj-item-info .date p.yyyy-mm { font-size: 14px; color: #789db9; }
.inews-tj-item-txt { float: right; width: 320px; }
.inews-tj-item-txt p.title { font-size: 16px; color: #fff; padding-bottom: 15px; border-bottom: 1px solid #4079a4; }
.inews-tj-item-txt p.description { font-size: 14px; color: #fff; line-height: 24px; margin-top: 10px; }
.inews-list { float: right; width: 640px; }
.inews-item { margin-top: 50px; }
.inews-item:first-child { margin-top: 15px; }
.inews-item-txt { float: left; width: 550px; }
.inews-item-txt p.title { font-size: 16px; color: #333; padding-bottom: 20px; border-bottom: 1px solid #eee; }
.inews-item-txt p.description { font-size: 14px; color: #999; line-height: 24px; margin-top: 15px; }
.inews-item .date { float: right; width: 65px; font-family: Arial; text-align: center; margin-top: 20px; }
.inews-item .date p.dd { font-size: 36px; color: #666; }
.inews-item .date p.yyyy-mm { font-size: 14px; color: #999; }
a.inews-more { display: block; width: 118px; height: 38px; border: 1px solid #ccc; font-size: 14px; color: #666; line-height: 38px; text-align: center; margin: 0 auto; transition: all ease .5s; }
a.inews-more::after { content: ""; display: block; width: 0; height: 38px; background-color: #23a2e5; margin-top: -38px; transition: all ease .5s; }
a.inews-more:hover::after { width: 118px; }
a.inews-more:hover { color: #fff; border: 1px solid #23a2e5; }

/* page -------------------------- */
.pagebanner { height: 350px; }

.pagecontent { margin: 30px auto 80px; }
	.menu-target { text-align: center; margin: 30px; font-size: 30px; }

	.siderbar { float: left; width: 240px; }
		.sider-box { border: 1px solid #eee; border-top: 0; margin-bottom: 10px; }
		.sider-box h2 { border-top: 3px solid #06528c; border-bottom: 1px solid #eee; margin: 0 -1px; padding: 10px 15px; font-size: 20px; line-height: 24px; }
		.sider-box h2 i { display: block; font-size: 16px; font-weight: normal; font-style: normal; color: #ccc; }
		.sub-nav-list { padding: 5px 15px 20px; }
			.sub-nav-list li { display: block; height: auto; line-height: 43px; padding-left: 12px; border-bottom: 1px solid rgba(0,0,0,.08); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
			.sub-nav-list li a { position: relative; display: inline-block; height: 42px; font-size: 15px; color: #666; line-height: 42px; transition: all 0.3s ease-out 0s; }
			.sub-nav-list li:hover>a, .sub-nav-list li.cur>a { color: #06528c; font-weight: 700; }
			.sub-nav-list li ul { padding-left: 10px; padding-bottom: 10px; }
			.sub-nav-list li ul li { border: 0; line-height: 29px; }
			.sub-nav-list li ul li a { height: 28px; line-height: 28px; }
		.sider-contact { padding: 15px; font-size: 12px; color: #666; line-height: 30px; }

	.page-right { float: right; width: 920px; }	
		.page-title { color: #333; font-size: 16px; border-bottom: 1px solid #eee; height: 42px; line-height: 42px; margin-bottom: 15px; font-weight: 700; padding-left: 15px; }
		.page-info { line-height: 30px; }
		.page-info img { max-width: 100%; }

	/* imglist */
	.img-list { margin-right: -5%; }
		.img-item { float: left; width: 28.333333%; margin-right: 5%; }
		.img-item-thumb { position: relative; overflow: hidden; border: 1px solid #eee; }
		.img-item-thumb::after { content: '+'; position: absolute; top: 0; left: 50%; width: 60px; height: 60px; margin: 0 0 0 -30px; font-size: 50px; color: #fff; border-radius: 60px; border: 2px solid #fff; line-height: 54px; text-align: center; opacity: 0 }
		.img-item-thumb img { width: 100%; transition: all .5s ease; }
		.img-item-txt { padding: 15px 0 30px; text-align: center; }
		.img-item:hover img { transform: scale(1.2, 1.2); }
		.img-item:hover .img-item-thumb::after { opacity: .8; top: 50%; margin-top: -30px; transition: all .5s ease; }

	/* newslist */
	.news-list {}
		.news-item { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #eee; overflow: hidden; }
		.news-item-thumb { float: left; width: 20%; }
		.news-item-thumb img { max-width: 100%; }
		.news-item-info { float: left; width: 80%; box-sizing: border-box; padding-left: 30px; }
		.news-item-info time { color: #ccc; line-height: 24px; }
		.news-item-info h2 { font-size: 16px; }
		.news-item-info h2 a { color: #333; }
		.news-item-info p { color: #999; line-height: 24px; }

		.news-list li { padding: 0 10px 10px; margin-bottom: 15px; border-bottom: 1px solid #eee; }
		.news-list li i.layui-icon { font-size: 16px; color: #666; }
		.news-list li span { float: right; color: #ccc; }

	/* pagination */
	#pagination,
	.pagination { margin-top: 30px; }
		.pagination li { display: inline-block; }
		.pagination li a { display: inline-block; padding: 5px 15px; background-color: #eee; }
		.pagination li.active a { background-color: #06528c; color: #fff; }
	/* shownews */
	.show-title { font-size: 18px; text-align: center; }
	.show-para { font-size: 12px; color: #ccc; border-bottom: 1px solid #eee; text-align: center; padding: 5px 0 10px; }
	.show-content { padding: 15px 0; }

	/* showproduct */
	.dyui-lw25 { float: left; width: 25%; }
	.dyui-rw75 { float: left; width: 75%; }
	.dyui-lw50 { float: left; width: 50%; padding-top: 40px; }
	.dyui-rw50 { float: left; width: 50%; }

	/* show_product 产品展示页 */
	.pro-title { font-size: 22px; text-align: center; line-height: 36px; }
	.pro-thumb { width: 500px; margin: 20px auto 0; }
	.view { border: 1px solid #eee; }
	.view .swiper-container { width: 498px; height: 498px; }
	.view .arrow-left { background: url('../images/index_tab_l.png') no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }
	.view .arrow-right { background: url('../images/index_tab_r.png') no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; }
	.preview { width: 100%; margin-top: 10px; position: relative; }
	.preview .swiper-container { width: 430px; height: 82px; margin-left: 35px; }
	.preview .swiper-slide { width: 87px; height: 82px; cursor:pointer; }
	.preview .arrow-left { background: url('../images/feel3.png') no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
	.preview .arrow-right { background: url('../images/feel4.png') no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }
	.preview img { padding: 1px; width: 80px; }
	.preview .active-nav img { padding: 0; border: 1px solid #0074c1; }

	.pro-content { margin-top: 40px; }
	.detailed-title { position: relative; line-height: 44px; border-bottom: 1px solid #ddd; }
	.detailed-title span { position: relative; display: inline-block; padding: 0 20px; font-size: 18px; font-weight: 700; }
	.detailed-title span:after { content: ''; position: absolute; z-index: 1; bottom: -2px; left: 0; display: block; width: 100%; height: 2px; background-color: #0074c1; }
	.detailed-content { padding: 15px 0; }

/* message */
.message-add { margin: 10px 0; padding: 0 10px; font-size:18px; border-bottom: 1px solid #eee; }
.layui-input { width: 350px; }
.layui-textarea { width: 550px; }

/* ilink */
#ilink { height: 170px; background: url(../images/link-bg.jpg) no-repeat top center; }
.ilink-more { float: right; display: block; width: 175px; height: 40px; margin-top: 100px; margin-right: 7px; }

/* footer */
#footer { font-family: "Microsoft Yahei"; background-color: #333; }
.footer-content { padding: 20px 0; }
.footer-logo { float: left; margin-top: 45px; margin-right: 40px; }
.icontact { position: relative; float: left; width: 660px; padding-left: 40px; margin-top: 30px; }
.icontact:before { content: ''; position: absolute; z-index: 99; top: -5px; left: 0; display: block; width: 1px; height: 120px; background-color: #575757; }
.icontact-title { font-size: 18px; color: #fff; margin-bottom: 10px; }
.icontact-info { font-size: 14px; color: #a5a5a5; line-height: 28px; }
.icontact-info p { float: left; width: 300px; margin-right: 30px; }
.qrcode { float: right; width: 150px; padding-right: 20px; }
.qrcode img { width: 150px; height: 150px; }
.copyright { color: #686868; text-align: center; padding: 20px 0; border-top: 1px solid #393939; }

/* map */
#mapContainer {
	position: relative;
	height: 400px;
	margin-bottom: 30px;
}

.button-group {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 12px;
	padding: 10px;
}

.button-group .button {
	height: 28px;
	line-height: 28px;
	background-color: #0D9BF2;
	color: #FFF;
	border: 0;
	outline: none;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 3px;
	margin-bottom: 4px;
	cursor: pointer;
}
#tip {
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	font-size: 12px;
	right: 10px;
	top: 20px;
	border-radius: 3px;
	border: 1px solid #ccc;
	line-height: 30px;
}

.amap-info-content {
	font-size: 12px;
}