body { background-color: #fff; }
.container { position: relative; width: 1200px; margin: 0 auto; }

#header { position: relative; width: 100%; height: 80px; background-color: #fff; }
.logo { position: absolute; z-index: 1; top: 13px; left: 0; }
.slogan { position: absolute; z-index: 1; top: 10px; left: 160px; height: 55px; padding-left: 15px; padding-top: 5px; border-left: 1px solid #a1a1a1; }
.slogan p.title { font-size: 20px; color: #000; font-weight: 700; }
.slogan p.subtitle { color: #666; }
/*layui-nav*/
.layui-nav { position: absolute; z-index: 1; top: 0; right: 90px; padding: 0; background-color: transparent; }
.layui-nav .layui-nav-item { line-height: 80px; transition: all .2s; -webkit-transition: all .2s; }
.layui-nav .layui-nav-item>a { padding: 0 15px; font-size: 16px; color: #333; }
.layui-nav .layui-nav-item>a:hover, .layui-nav .layui-this>a { color: #2b70bb; }
.layui-nav .layui-nav-more { display: none; }
.layui-nav-bar,
.layui-nav .layui-this:after { height: 0; }
.layui-nav-child { top: 80px; left: 0; }
.layui-nav .layui-nav-item .layui-nav-child a { font-size: 14px; text-align: left; }

.search { position: absolute; z-index: 1; top: 0; right: 0; width: 80px; height: 80px; background-color: #f8f8f8; text-align: center; }
.dyui_search { font-size: 30px; line-height: 80px; }
#search input { line-height: 75px; height: 75px; font-size: 20px; width: 470px; margin: 0; padding: 0 15px; border: 0; background: none; }

/*dyui-title*/
.dyui-title { position: relative; text-align: center; }
.dyui-title:before { content: ""; position: absolute; z-index: 1; top: -15px; left: 50%; margin-left: -24px; display: block; width: 48px; height: 2px; background-color: #2b70bb; }
.dyui-title p.title { font-family: Arial; font-size: 38px; color: #333; }
.dyui-title p.subtitle { font-size: 22px; color: #333; }

/*iabout*/
#iabout { padding: 70px 0 60px; }
.iabout-title p.title { font-size: 36px; color: #08358b; font-weight: 700;	 }
.iabout-title p.subtitle { font-size: 24px; color: #08358b; margin-top: 10px; }
.iabout-info { font-size: 14px; color: #666; line-height: 28px; margin: 30px 0 50px; }
.iabout-item { display: inline-block; margin-right: 130px; }
.iabout-item p.title { font-family: Arial; font-size: 48px; color: #eaa334; }
.iabout-item p.title span { font-family: Microsoft YaHei; font-size: 14px; color: #666; padding-left: 10px; }
.iabout-item p.subtitle { color: #666; }
a.iabout-more { display: inline-block; height: 42px; padding: 0 30px; border: 2px solid #ddd; margin-top: 50px; color: #08358b; text-align: center; line-height: 42px; }
a.iabout-more span { float: left; margin-right: 15px; }
a.iabout-more i.icon-right { float: left; font-size: 36px; }

/*iproduct*/
#iproduct { padding: 70px 0 80px; background-color: #efefef; }
.iproduct-content { position: relative; margin-top: 40px; }
.iproduct-item-thumb { width: 350px; height: 350px; overflow: hidden; }
.iproduct-item-thumb img { width: 350px; height: 350px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.iproduct-item:hover .iproduct-item-thumb img { transform: scale(1.1, 1.1); }
.iproduct-item-info p.title { padding: 20px 15px; font-size: 14px; color: #333; line-height: 24px; }
.iproduct-item-info p.title i.layui-icon { float: right; color: #999; }
.swiper-button-prev, .swiper-button-next { width: 37px; height: 37px; margin-top: -20px; background: none; }
.swiper-button-prev { left: -75px; }
.swiper-button-next { right: -75px; }
.swiper-button-prev i.icon-prev, .swiper-button-next i.icon-next { font-size: 36px; color: #0d398d; }

/*isolution*/
#isolution { padding: 70px 0 50px; }
.isolution-content { width: 1230px; }
.isolution-first { float: left; width: 260px; height: 480px; padding: 80px 60px 0; background: url('/index/images/isolution_title_bg.png') no-repeat center top; margin: 0 30px 20px 0; }
.isolution-title { width: 258px; height: 133px; padding-top: 50px; border: 1px solid #fff; text-align: center; }
.isolution-title p.title { font-size: 34px; color: #fff; }
.isolution-title p.subtitle { font-family: Arial; font-size: 24px; color: #fff; margin-top: 15px; }
a.isolution-more { float: right; margin-top: 35px; }
a.isolution-more span { float: left; color: #08358b; line-height: 38px; margin-right: 20px; }
a.isolution-more i.icon-right { float: left; font-size: 36px; color: #08358b; }
a.isolution-item { position: relative; float: left; display: block; width: 380px; margin: 0 30px 20px 0; }
.isolution-item-thumb { width: 380px; height: 270px; overflow: hidden; }
.isolution-item-thumb img { width: 380px; height: 270px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.isolution-item:hover .isolution-item-thumb img { transform: scale(1.1, 1.1); }
.isolution-item-info { position: absolute; z-index: 1; left: 0; top: 0; width: 380px; height: 270px; background-color: rgba(255,255,255,.7); opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align: center; }
.isolution-item-info p.title { font-size: 18px; color: #000; margin-top: 120px; padding: 0 40px; }
.isolution-item-info p.line { position: relative; width: 75px; height: 3px; background-color: #28a3de; margin: 5px auto 0; }
.isolution-item-info p.line:after { content: ""; position: absolute; z-index: 1; left: 0; bottom: 0; display: block; width: 30px; height: 3px; background-color: #1d4992; }
.isolution-item:hover .isolution-item-info { opacity: 1; }

/*icase*/
#icase { padding: 70px 0 50px; background-color: #efefef; }
.icase-content { width: 1228px; margin-top: 50px; }
a.icase-item { position: relative; float: left; display: block; width: 279px; margin: 0 28px 28px 0; }
.icase-item-thumb { width: 279px; height: 209px; overflow: hidden; background-color: #eee; }
.icase-item-thumb img { width: 279px; height: 209px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.icase-item:hover .icase-item-thumb img { transform: scale(1.1, 1.1); }
.icase-item-info { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.7); opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align: center; }
.icase-item-info p.title { font-size: 18px; color: #000; margin-top: 85px; padding: 0 15px; }
.icase-item-info p.line { position: relative; width: 110px; height: 3px; background-color: #28a3de; margin: 10px auto 0; }
.icase-item-info p.line:after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 35px; height: 3px; background-color: #1d4992; }
.icase-item:hover .icase-item-info { opacity: 1; }
.icase-more { text-align: center; margin-top: 22px; }
.icase-more a { display: inline-block; color: #08358b; line-height: 42px; padding: 0 30px; border: 2px solid #ddd; }
.icase-more a span { float: left; margin-right: 15px; }
.icase-more a i.icon-right { float: left; font-size: 36px; }

/*inews*/
#inews { padding: 70px 0 60px; }
.inews-content { width: 1260px; margin-top: 55px; }
a.inews-item { float: left; width: 360px; margin-right: 60px; }
.inews-item p.title { position: relative; color: #000; font-weight: 700; padding-top: 25px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.inews-item:hover p.title { color: #2b70bb; }
.inews-item p.title:before { content: ""; position: absolute; z-index: 1; left: 0; top: 0; display: block; width: 35px; height: 1px; background-color: #9b9b9b; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.inews-item:hover p.title:before { width: 100%; background-color: #2b70bb; }
.inews-item p.date { font-family: Arial; color: #999; margin: 20px 0 30px; }
.inews-item p.description { height: 72px; color: #666; line-height: 24px; overflow: hidden; }
.inews-more { text-align: center; margin-top: 50px; }
.inews-more a { display: inline-block; color: #08358b; line-height: 42px; padding: 0 30px; border: 2px solid #ddd; }
.inews-more a span { float: left; margin-right: 15px; }
.inews-more a i.icon-right { float: left; font-size: 36px; }

/* page */
#page-banner { height: 300px; background-position: center top; background-repeat: no-repeat; }

.page-breadcrumb { line-height: 30px; border-bottom: 1px solid #eee; padding: 15px 0 10px; }
.submenus { float: left; }
.submenus li { float: left; position: relative; z-index: 999; }
.submenus li a { float: left; display: block; padding: 0 15px; white-space: nowrap; }
.submenus li.active > a { background-color: #2b70bb; color: #fff; }
.submenus li > ul { position: absolute; top: 30px; display: none; background-color: #fff; border: 1px solid #eee; }
.submenus li > ul li { float: none; }
.submenus li > ul li a { float: none; }
.submenus li > ul li.active a { color: #2b70bb; background-color: #fff; }
.submenus li:hover > ul { display: block; }
.breadcrumb { float: right; }
.layui-breadcrumb a:hover { color: #2b70bb!important; }

.page-info { font-size: 16px; line-height: 30px; padding: 40px 0 60px; background-color: #f1f1f1; }
.page-info img { max-width: 100%; }
.page-desc  { padding: 40px; background-color: #fff; }

/*单页*/
.dyui-diamond { position: relative; color: #008cd6; font-weight: 700; padding-left: 2em; }
.dyui-diamond:before { content: ""; position: absolute; z-index: 1; left: 0; top: 8px; display: block; width: 12px; height: 12px; background-color: #008cd6; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.solution-title { position: relative; color: #008cd6; font-weight: 700; padding-left: 2em; }
.solution-title:before { content: ""; position: absolute; z-index: 1; left: 0; top: 5px; display: block; width: 18px; height: 18px; background-color: #008cd6; }
.solution-description { position: relative; padding-left: 2em; }
.solution-description:before { content: ""; position: absolute; z-index: 1; left: 0.8em; top: 9px; display: block; width: 12px; height: 12px; background-color: #000; border-radius: 12px; }
.product-description { position: relative; padding-left: 2em; }
.product-description:before { content: ""; position: absolute; z-index: 1; left: 0.5em; top: 8px; display: block; width: 10px; height: 10px; border: 1px solid #000; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }

/* newslist */
.news-list { margin: 0 -15px; }
.news-item { float: left; display: block; width: 340px; padding: 35px 45px; background-color: #fff; margin: 0 15px 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 4px; border: 1px solid #eee; }
.news-item p.title { font-size: 18px; color: #333; line-height: 30px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.news-item p.date { font-size: 13px; color: #aaa; margin: 15px 0; }
.news-item p.description { height: 78px; font-size: 14px; color: #999; line-height: 26px; overflow: hidden; }
.news-item:hover { box-shadow: 0 10px 20px rgba(0,0,0,.1); }
.news-item:hover p.title { color: #2b70bb; }

/* imglist */
.img-list { margin: 0 -29px 0 0; }
.img-item { position: relative; float: left; width: 435px; background-color: #fff; margin-right: 29px; margin-bottom: 40px; transition: all .36s ease-out; }
.img-item:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 30%; height: 2px; background-color: #2b70bb; opacity: 0; transition: all .36s ease-out; }
.img-item .img-item-thumb { position: relative; width: 435px; height: 300px; overflow: hidden; }
.img-item .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: 60px; text-align: center; opacity: 0 }
.img-item .img-item-thumb img { width: 100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.img-item:hover .img-item-thumb 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; }
.img-item .img-item-info { text-align: center; height: 48px; line-height: 48px; }
.img-item .img-item-info p.title { color: #333; }
.img-item:hover { box-shadow: 0 15px 30px rgba(0,0,0,.1); }
.img-item:hover:after { width: 100%; opacity: 1; }

/* prolist */
.pro-list { margin: 0 -28px 0 0; }
.pro-item { position: relative; float: left; width: 280px; background-color: #fff; margin-right: 28px; margin-bottom: 28px; box-shadow: 0 15px 30px rgba(0,0,0,.1); transition: all .36s ease-out; }
.pro-item:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 30%; height: 2px; background-color: #2b70bb; opacity: 0; transition: all .36s ease-out; }
.pro-item .pro-item-thumb { position: relative; width: 280px; height: 280px; overflow: hidden; }
.pro-item .pro-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: 60px; text-align: center; opacity: 0 }
.pro-item .pro-item-thumb img { width: 280px; height: 280px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.pro-item:hover .pro-item-thumb img { transform: scale(1.1, 1.1); }
.pro-item:hover .pro-item-thumb::after { opacity: .8; top: 50%; margin-top: -30px; transition: all .5s ease; }
.pro-item .pro-item-info { text-align: center; height: 48px; line-height: 48px; }
.pro-item .pro-item-info p.title { color: #333; }
.pro-item:hover:after { width: 100%; opacity: 1; }

/*
* 产品新增页面 样式 2024-01-28
*/
.product-cate-container .container {
	display: flex; min-height: 500px;
}
.product-cate-container .container .sider {
	width: 272px; padding: 8px 8px 8px 0;
}
.product-cate-container .container .sider .cate-title {
	font-size: 24px; background-color: #08358b; color: #fff; padding: 16px 32px;
}
.product-cate-container .container .sider .sider-menu {
	padding: 4px;
}
.product-cate-container .container .sider .sider-menu > li > a {
	position: relative; font-size: 16px; font-weight: 700; display: block; height: 48px; line-height: 48px; border-bottom: 1px solid #eee; padding-left: 32px;
}
.product-cate-container .container .sider .sider-menu > li > a::after {
	position: absolute; content: ""; top: 20px; left: 12px; width: 8px; height: 8px; background-color: #2b70bb; border-radius: 50%;
}
.product-cate-container .container .sider .sider-menu > li.active > a {
	color: #2b70bb;
}
.product-cate-container .container .sider .sider-menu li ul li > a {
	display: block; padding: 12px 16px; border-radius: 4px;
}
.product-cate-container .container .sider .sider-menu li ul li.active > a {
	background-color: #2b70bb; color: #fff;
}
.product-cate-container .container .sider .sider-menu li > ul {
	padding-left: 16px; margin: 4px 0;
}
.product-cate-container .container .product-content-wrapper {
	flex: 1; border-left: 1px solid #eee; font-size: 16px; line-height: 30px; padding: 20px 0 20px 20px; text-align: justify;
}
.product-cate-container .container .product-content-wrapper .product-title {
	font-size: 20px; font-weight: 700; margin-bottom: 8px;
}
.product-cate-container .container .product-content-wrapper .product-content {
	margin-bottom: 24px;
}
.product-cate-container .container .product-content-wrapper .product-content.flex {
	display: flex;
}
.product-cate-container .container .product-content-wrapper .product-content .product-thumb {
	width: 420px; margin-right: 30px;
}
.product-cate-container .container .product-content-wrapper .product-content .product-thumb img {
	max-width: 100%;
}
.product-cate-container .container .product-content-wrapper .product-content .product-detail {
	flex: 1;
}
.product-cate-container .container .product-content-wrapper .product-content .product-detail .title {
	font-size: 18px; font-weight: 700; margin-bottom: 8px;
}
.product-cate-container .container .product-content-wrapper .product-content .product-detail .detail img {
	max-width: 100%;
}
.product-cate-container .container .product-content-wrapper .product-content .product-detail .download {
	margin-top: 32px;
}

/* solutionlist */
.solution-list { margin: 0 -45px 0 0; }
.solution-item { position: relative; float: left; width: 370px; background-color: #fff; margin-right: 45px; margin-bottom: 40px; transition: all .36s ease-out; }
.solution-item:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 30%; height: 2px; background-color: #2b70bb; opacity: 0; transition: all .36s ease-out; }
.solution-item .solution-item-thumb { position: relative; width: 370px; height: 263px; overflow: hidden; }
.solution-item .solution-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: 60px; text-align: center; opacity: 0 }
.solution-item .solution-item-thumb img { width: 100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.solution-item:hover .solution-item-thumb img { transform: scale(1.1, 1.1); }
.solution-item:hover .solution-item-thumb::after { opacity: .8; top: 50%; margin-top: -30px; transition: all .5s ease; }
.solution-item .solution-item-info { text-align: center; height: 48px; line-height: 48px; }
.solution-item .solution-item-info p.title { color: #333; padding: 0 20px; }
.solution-item:hover { box-shadow: 0 15px 30px rgba(0,0,0,.1); }
.solution-item:hover:after { width: 100%; opacity: 1; }

/* honorlist */
.honor-list { margin: 0 -40px 0 0; }
.honor-item { position: relative; float: left; width: 270px; background-color: #fff; margin-right: 40px; margin-bottom: 40px; transition: all .36s ease-out; }
.honor-item:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 30%; height: 2px; background-color: #2b70bb; opacity: 0; transition: all .36s ease-out; }
.honor-item .honor-item-thumb { position: relative; width: 270px; height: 380px; overflow: hidden; }
.honor-item .honor-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: 60px; text-align: center; opacity: 0 }
.honor-item .honor-item-thumb img { width: 100%; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.honor-item:hover .honor-item-thumb img { transform: scale(1.1, 1.1); }
.honor-item:hover .honor-item-thumb::after { opacity: .8; top: 50%; margin-top: -30px; transition: all .5s ease; }
.honor-item .honor-item-info { text-align: center; height: 48px; line-height: 48px; }
.honor-item .honor-item-info p.title { color: #333; padding: 0 10px; }
.honor-item:hover { box-shadow: 0 15px 30px rgba(0,0,0,.1); }
.honor-item:hover:after { width: 100%; opacity: 1; }

/* shownews */
.showinfo-content { padding: 40px; margin: 0 110px; background-color: #fff; }
.show-title { font-size: 20px; line-height: 30px; text-align: center; margin: 0; }
.show-para { font-size: 12px; color: #ccc; border-bottom: 1px solid #eee; text-align: center; padding: 5px 0 10px; }
.show-content { font-size: 16px; line-height: 30px; padding: 15px; }

/* showproduct */
.pro-thumb { float: left; width: 428px; border: 1px solid #eee; }
.pro-thumb img { max-width: 100%; height: auto; }
.pro-info { float: right; width: 340px; }
.pro-info>p.title { font-size: 20px; color: #333; margin-bottom: 15px; }
.pro-info>p.description { color: #666; line-height: 28px; }
.pro-info>a.cart { display: inline-block; padding: 0 20px; color: #fff; line-height: 32px; background-color: #2b70bb; border-radius: 5px; margin-top: 15px; }
.pro-content { margin-top: 50px; }
.detailed-title { position: relative; line-height: 48px; }
.detailed-title:after { content: ''; position: absolute; z-index: -1; left: 0; bottom: 0; display: block; width: 100%; height: 1px; background-color: #ddd; }
.detailed-title span { display: inline-block; padding: 0 25px; font-size: 16px; border: 1px solid #ddd; border-bottom: 1px solid #fff; }
.detailed-content { padding: 15px 0; }

/*search-content*/
.search-content { width: 1000px; margin: 0 auto; line-height: 30px; }
.search-title { font-size: 26px; padding: 0 0 30px 15px; }
.searchnews-item { border-bottom: 1px solid #eee; padding: 10px 25px; display: block; font-size: 14px; background-color: #fff; }
.searchnews-item i.layui-icon { float: right; }

/* pagination */
.pagination { margin-top: 30px; }
.pagination li { display: inline-block; margin: 0 5px; }
.pagination li a,
.pagination li span { display: inline-block; font-family: Microsoft Yahei; padding: 3px 15px; background-color: #fff; border-radius: 3px; }
.pagination li a:hover { color: #2b70bb; }
.pagination li.active span { background-color: #2b70bb; color: #fff; }

/* footer */
.footer-info { padding: 70px 0; background-color: #717274; }
.footer-qrcode { float: left; width: 300px; margin-right: 90px; }
.footer-qrcode p.title { color: #fff; }
.footer-qrcode p.subtitle { font-family: Arial; color: #fff; margin-top: 3px; }
.footer-qrcode p.line { width: 100%; height: 1px; background-color: #fff; margin: 25px 0 45px; }
.qrcode-item { display: inline-block; }
.qrcode-mobile { margin-left: 15px; }
.qrcode-item img { display: inline-block; width: 82px; height: 82px; margin-right: 10px; }
.qrcode-item p { display: inline-block; color: #fff; }
.footer-contact { float: left; width: 420px; }
.footer-contact p.title { color: #fff; }
.footer-contact p.subtitle { font-family: Arial; color: #fff; margin-top: 3px; }
.footer-contact p.line { width: 100%; height: 1px; background-color: #fff; margin: 25px 0 40px; }
.footer-contact p.description { color: #fff; line-height: 24px; }
.footer-about { float: right; width: 300px; }
.footer-about p.title { color: #fff; }
.footer-about p.subtitle { font-family: Arial; color: #fff; margin-top: 3px; }
.footer-about p.line { width: 100%; height: 1px; background-color: #fff; margin: 25px 0 40px; }
.footer-about-content a { display: block; color: #fff; line-height: 24px; }
.footer-copyright { background-color: #252525; }
.copyright { padding: 15px 0; color: #919191; }

/* map */
#mapContainer {
	position: relative;
	height: 300px;
	margin-bottom: 40px;
}
.headquarters {
	position: absolute;
	z-index: 1;
	top: 40px;
	right: 40px;
	padding: 30px;
	width: 240px;
	height: 240px;
	color: #fff;
	background-color: rgba(0,140,214,.7);
}
.headquarters h4 { font-size: 18px; font-weight: 700; line-height: 36px; }
.headquarters p { font-size: 14px; }

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