.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;}

/* top-lang */
#top-lang { width: 100%; height: 39px; line-height: 39px; background-color: #f9f9f9; border-bottom: 1px solid #ddd; }
.slogan { float: left; font-size: 12px; color: #666; }
.lang { float: right; font-size: 12px; color: #666; }
.lang a { color: #666; }
.lang a:hover { color: #999; }

/* header */
#header { width: 100%; height: 117px; }
.logo { float: left; margin-top: 20px;}
.tel { float: right; margin-top: 20px; }
/*.tel-txt { color: #333; padding: 0 0 5px 16px; letter-spacing: 2px; }
.tel-num { font-family: Arial; font-size: 22px; color: #000; }
.tel-num i.iconfont { font-size: 22px; color: #f5c715; padding-right: 8px; }*/

/* nav */
#nav { width: 100%; height: 50px; background-color: #f5c715; }
.dyui-nav {}
.dyui-nav>ul>.dyui-nav-item { position: relative; z-index: 99; display: inline-block; margin-right: 5px; }
.dyui-nav>ul>.dyui-nav-item>a { position: relative; display: block; font-size: 16px; color: #fff; line-height: 50px; padding: 0 40px; }
.dyui-nav>ul>.dyui-nav-item>a:after { content: ''; position: absolute; z-index: 99px; left: 0; bottom: 0; width: 0; height: 3px; background-color: rgba(255, 255, 255, 0.6); transition: all 0.3s ease-out 0s; }
.dyui-nav>ul>.dyui-nav-item.active>a:after,
.dyui-nav>ul>.dyui-nav-item:hover>a:after { width: 100%; }
.dyui-nav>ul>.dyui-nav-item ul { position: absolute; visibility: hidden; opacity: 0; top: 50px; left: 0; padding: 10px 0; width: auto; background-color: #fff; 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: " "; color: #333; text-align: left; padding: 8px 45px; 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: #333; font-weight: 700; }
.dyui-title p.subtitle { font-size: 24px; color: #333; margin-top: 5px; }
.dyui-title p.description { font-size: 14px; color: #999; margin-top: 5px; }

/* iabout */
#iabout { margin-top: 50px; }
.iabout-img { /*float: left;*/ width: 100%; height: 435px; /*text-align: right;//* background: url*/*(../images/about-bg.png)*/* no-repeat left top; */margin-left: -53px; }
.iabout-info { float: right; width: 560px;}
.iabout-title { margin: 35px 0 40px; }
.iabout-title p.title { font-size: 30px; font-family: Arial; color: #000; }
.iabout-title p.subtitle { font-size: 24px; color: #000; }
.iabout-description p { color: #333; line-height: 22px; }
a.iabout-more { float: right; display: block; width: 120px; height: 35px; font-size: 12px; color: #fff; line-height: 35px; text-align: center; font-weight: 700; background-color: #00abeb; border-radius: 5px; margin: 65px 30px 0 0; }

/* iproduct */
#iproduct { padding: 40px 0 60px; }
.iproduct-title p.title { font-size: 20px; color: #333; text-align: center; font-weight: 700; }
.iproduct-content { position: relative; margin-top: 40px; }
.iproduct-list { width: 1200px; overflow: hidden; }
.iproduct-list ul { width: 1230px; }
.iproduct-item { float: left; width: 190px; padding: 12px; margin-right: 32px; background-color: #e4e4e4; }
.iproduct-item img { width: 190px; height: 143px; }
.iproduct-item p.title { font-size: 16px; color: #333; text-align: center; padding: 10px 0 0; } 
a.prev, a.next { position: absolute; z-index: 99; top: 70px; }
a.prev i.layui-icon, a.next i.layui-icon { font-size: 50px; color: #c3c3c3; }
a.prev { left: -60px; }
a.next { right: -60px; }

/* iadvantage */
#iadvantage { width: 100%; height:618px; background: url(../images/iadvantage-bg.jpg) no-repeat top center; }
.iadvantage-title { padding-top: 40px; margin-left: 75px; }
.iadvantage-title p.title { font-size: 30px; color: #333; }
.iadvantage-title p.subtitle { font-family: "黑体"; font-size: 26px; color: #fff; margin: 33px 0 0 285px; }
.iadvantage-info p.title { font-size: 16px; color: #333; font-weight: 700; }
.iadvantage-info p.description { color: #333; line-height: 18px; margin-top: 10px; }
.iadvantage01 { width: 530px; margin: 64px 0 0 120px; }
.iadvantage02 { width: 530px; margin: 88px 0 0 70px; }
.iadvantage03 { width: 530px; margin: 84px 0 0 120px; }
/*.iadvantage04 { width: 530px; margin: 123px 0 0 120px; }
.iadvantage05 { width: 530px; margin: 129px 0 0 120px; }
.iadvantage06 { width: 410px; margin: -367px 0 0 800px; }
.iadvantage07 { width: 410px; margin: 125px 0 0 860px; }*/

/* inews */
#inews { padding: 50px 0 30px; }
.inews { float: left; width: 100%; }
.inews-title { width: 100%; height: 58px; }
.inews-title li { float: left; width: 410px; font-size: 20px; line-height: 58px; text-align: center; background-color: #00abeb; }
.inews-title li a { color: #fff; }
.inews-title li.on { background-color: #00abeb; }
.inews-title li.on a { color: #fff; }
.inews-content { width: 100%; height: 300px; background-color: #f5f5f5; }
.inews-info { padding: 20px; }
.inews-img { float: left; width: 270px; }
.inews-img img { width: 100%; height: auto; }
.inews-list { float: right; width: 850px; }
.inews-item { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ccc; }
.inews-item p.title { color: #333; font-weight: 700; }
.inews-item p.description { font-size: 12px; color: #333; margin-top: 10px; }

/* iquestion */
.iquestion { float: right; width: 330px; }
.iquestion-title { width: 100%; height: 58px; line-height: 58px; background-color: #00abeb; }
.iquestion-title a.iquestion-more { float: right; font-size: 12px; color: #fff; padding-right: 15px; }
.iquestion-title p.title { padding-left: 20px; font-size: 20px; color: #fff; }
.iquestion-content { width: 100%; height: 300px; background-color: #f5f5f5; }
.iquestion-list { padding: 20px; }
.iquestion-item { margin-bottom: 15px; border-bottom: 1px dotted #ccc; width: 270px; padding: 0 10px 15px; }

/* page -------------------------- */
.pagebanner { height: 350px; }
.pagebanner img{ height:100%; width:100%;}
.pagecontent { margin: 30px auto 80px; }
	.menu-target { text-align: center; margin: 30px; font-size: 30px; }

	.siderbar { float: left; width: 230px; }
		.sider-box { border: 1px solid #eee; border-top: 0; margin-bottom: 10px; }
		.sider-box h2 { border-top: 3px solid #00abeb; 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 ul li a { display: block; border-bottom: 1px dotted #ccc; padding: 0 5px; line-height: 36px; transition: all .5s ease; }
			.sub-nav-list ul li:hover a { padding-left: 20px; color: #f5c715; }
			.sub-nav-list ul li.cur a { padding-left: 20px; color: #f5c715; font-weight: 700; }
		.sider-contact { padding: 15px; font-size: 12px; color: #666; line-height: 30px; }

	.page-right { float: right; width: 940px; }	
		.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%; /*margin-top:10px;*/ ; margin-bottom:3px; }

	/* imglist */
	.img-list { margin-right: -2%; }
		.img-item { float: left; width: 31.333333%; margin-right: 2%; }
		.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; line-height: 65px; font-size: 50px; color: #fff; border-radius: 60px; border: 2px solid #fff; line-height: 60px; 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.1, 1.1); }
		.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; }
		.news-item-info h2 { font-size: 16px; }
		.news-item-info h2 a { color: #333; }
		.news-item-info p { color: #999; }

		.news-list li { padding: 0 10px 10px; margin-bottom: 15px; border-bottom: 1px dotted #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: #f5c715; 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; }

/* 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; }

/* footer */
#footer { font-family: " "; color: #ececec; background-color: #2c2c2c; }
#footer a{color: #fff;}
.footer-content { padding: 30px 0; }
.footer-logo { float: left; width: 300px; margin-top: 15px; }
.footer-logo img { width: 100%; height: auto; }
.icontact { float: left; width: 740px; margin-top: 18px; }
.icontact p { float: left; width: 290px; padding-left: 80px; line-height: 26px; }

/* 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;
}
@charset "utf-8";
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgb(245, 199, 21) url(../images/top.jpg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}