/***********************************
 ** 公共组件
 ** 2.0.0
 ** ffa200 -> 34aa28
 **********************************/
.location { height: .8rem; line-height: .8rem; background: #eee; position: relative; }
.location h2 { display: inline-block; padding: 0 .2rem 0 .5rem; color: #999; font-weight: normal; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3RkU5ODA3Q0JBOTVFNjExQTY5M0FGNTREMTEyOUI0MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1NDVGQ0RFNDk3NkYxMUU2OUQwMTlGNzgwNURGQzEyQiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1NDVGQ0RFMzk3NkYxMUU2OUQwMTlGNzgwNURGQzEyQiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg0NEY5OUVBNzA5NkU2MTE4NDEzQUQyMzI3OTBDQTNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdGRTk4MDdDQkE5NUU2MTFBNjkzQUY1NEQxMTI5QjQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rfFocwAAAUdJREFUeNrs3e0NgjAYhVEhzspQLIsD+EvjR+99zzOAIZ5UaEvjdl3XTeu0+wqACAgQAQEiIEAEBIiACAgQAQEiIEAEBIiACAgQAQEiIEAEBIiA6Ln7ihd1nue3Pvo6jmMzQtYo4tzFDgMIjMEgccfDdhhA/omxAYExGiQaow0kHqMJpAKjBaQGowGkCiMdpA4jGaQSIxWkFiMRpBojDaQeIwlkBEYKyBiMBJBRGKuDjMNYGWQkRvpMHcgP214cOUCgzPzJGoeScA8ZhZJyUx+DkvSUNQIl7bG3HiVxHlKNkjoxrEVJnqlXoqQvndShNKxlVaG0LC7WoDSt9lagtC2/x6M07odEo7RuUMWiNO8YevsdCpA6lCkvOThjCOXNi/RfuEaIgAARECACAkRAgAiIgAARECACAkRAgAiIgAARECD6aA8BBgByQTHDFwX6TwAAAABJRU5ErkJggg==) left center no-repeat; background-size: .5rem; }
.location .showmenu { position: absolute; right: 0; top: 0; width: .7rem; height: .7rem; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3RkU5ODA3Q0JBOTVFNjExQTY5M0FGNTREMTEyOUI0MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQjg3RTFFNTk3NkYxMUU2ODU5RUJCMUNGNzhGOTVDRiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQjg3RTFFNDk3NkYxMUU2ODU5RUJCMUNGNzhGOTVDRiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg0NEY5OUVBNzA5NkU2MTE4NDEzQUQyMzI3OTBDQTNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdGRTk4MDdDQkE5NUU2MTFBNjkzQUY1NEQxMTI5QjQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IxeB0wAABPVJREFUeNrsnW2IFVUYx891JVuJULcVU9N2fSnXdDNSoVQQJRO/ZKDZlzCQLREEka2WBbUXfMMk+pJekgxFElEQkkUXav3gCmqi9uZaS1mabm2Gu2quL7v9H+YZWNZkZ849M3dm9/+HP/dy78x9Duc3c86cM/c8k+no6DBUcpQhEAKhCIRAKAIhEIpACIQiEAJhLRAIRSAEQhEIgVB5BZLNZv/v46HwNLgcngwXw7/CJ+DTcB18zUFZ+8FFcJ+U1XErfFXeVFRUdLtx3xyDvQq/C4/p8vnT8Ev6/gj8tr7a6mX9jWFyEMFpOa0zejDugjfAN6MCMgj+EF4cYNvn4Vp4Hbwevh0y1iT4c/ihFLdEa+B/4I+729D29N8UEIavQvg9eJlFrOkph+FrfpCNbIC8Ar9uWahV2pyF0d89pL9uigLIMG16bDVQ938gxD5fwgdTDuOitirOO/Xn4JIcCzdDLwK+D7j9VT0rF8Dj9CBKQ6ee0dfL8H74bBRAyh0UtD/8RAggPpRPe8M4JGyT9ayjuJM4BHQDpMhR3GJWvRsgPzmKe5ZV7wbICUdxv2XVuwFyykHMP+FzrHo3V1lH4Rp4bg4xP4N/t9y3oNPlZFy6k2Qg/8IrjTer+4hFvG/gtRb7yeX2CvgpHYN0xNiC3IAPwZv1faKAiH6E34GzIZu8K/ByuCVkvMd1YDUyjy2JzKcN0fK3J6kP8bUNXgg3BNz+MPwiXG8Ra06eYfhaZLypI5NEIKK98Cx4C/wb3Nbl+xt6eVsNz4OPW8a5m5D+tj2OsuR6g0omzZbqQK9E23g5tRu1aTuv0x65qEZ/a1yegWyHLyUdiK+/1MciKKNAl3sJci9lrH4WV6cuV3S3jHeDLRtH3L4mHWrQDpUDQ4pACIQiEIpACIQiEAKhCIRAKAIhEIpAKAIhEIpACIQiEAKhCIRAKAKhCIRAKAJJs1z9c/FReDQ83njLB35Q/2J6TiaGVACRypd0GbJkYHCX35PMN3/AO42XxaA1x1jyP9uHU1a/UmZZ5NQWBxBJzfQ+POo+3z8Ilyqw2fBbxj5Fkyx7qNRY7SkCIl2CLFTaAX9iAixnsAXypgYIKknJITlL5F/sdSFjlcG7jbs18vnQFD1TtkXRqU+AP7DYbwD8kfES0ITRzJTD6NyiOL/KKtT+wLaCZPFmdch9rpmeoZYogEjT80KOBXsNfizE9geMtxw7zZJ+ZHMUnfozDgony9+eNMHXqjcbL3/jYm0uMykCIQf8BfgL+GQUQFxlA5KKrQ2xvWR/2MiR+r0qdRR3LIeAboA0O4rbxKp3A8RVNqBTrHo3QFxU5HUTPAMEgXQjmfrINYnZ18ZdIrReD0QybFYZ+xQTzbr/bVa9m8tekeQ4kTmZCot9V8PfWewnU/uSwkPmtQpirJ+MjrC/Ml5W1LYkAhFV6uuSgGeZTH/IzPBWi1jDjZeeqSyPB648DGCE8dJSRZpew/aOoRw1bxgvuXF3CS2lz5ilAzubpm5unmH4kpmCoUk9Q3ztM14OrKnwRONNHkqhf4bPGO/5IfV6ZWWrApMMFZgYbnm7uIXrp9Le36ngLvNKyRSLpHnKdxKzPcbLTJR4IF3lOslXo7bhVQolzslFiXVTO3V5Xkrkdyv5DKqEiUAIhCIQAqEIhEAoAiEQikAIhEAIhCIQAqEIhEAoAunp+k+AAQBb6CzLrpEMQQAAAABJRU5ErkJggg==) center center no-repeat; background-size: .5rem; overflow: hidden; text-indent: -99em; display: none; }

.menu { width: 100%; background: #f9f9f9; border-bottom: 0 solid #333; display: none; }
.menu .list { width: 100%; padding: 2% 0 0; }
.menu .list dd { float: left; width: 30.66%; height: .7rem; line-height: .7rem; margin: 0 0 2% 2%; background: #ddd; border-radius: 3px; }
.menu .list a { display: block; text-align: center; }
.menu .list dd:active,
.menu .list dd.current { background: #34aa28; border-color: #34aa28; color: #FFF; }

.article { text-align: justify; padding: 3%; line-height: 1.8; background: none; }
.article img { max-width: 100% !important; height: auto !important; display: block; margin: 0 auto; }

.relink { width: 96%; margin: 0 auto .2rem;position: relative; display: block; overflow: hidden; }
.relink .prev,
.relink .next { float: right; width: 49%; height: .8rem; line-height: .8rem; text-align: center; background: #eee; color: #999; border-radius: 3px; }
.relink .prev { float: left; }
.relink a { display: block; height: .8rem; color: #999; }
.relink > *:active { box-shadow: 0 0 100rem rgba(0,0,0,.03) inset; }

.showmap { display: block; margin: 0 3% .3rem; height: .6rem; line-height: .6rem; text-align: center; font-size: larger; background: #f0a522; color: #fff; border-radius: 5px; }
.baidumap { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; background: #fff; visibility: hidden; }
.baidumap .map { position: absolute; top: 0; left: 0; bottom: 1rem; right: 0; z-index: 97; line-height: 20px; font-size: 14px; }
.baidumap .address { position: absolute; left: 0; bottom: 0; right: 0; padding: .2rem .2rem; background: #383838; z-index: 98; box-shadow: 0 -.05rem .05rem rgba(0,0,0,.2); }
.baidumap .address p { height: .6rem; line-height: .3rem; margin: 0 .8rem 0 0; color: #fff; overflow: hidden; opacity: .5; }
.baidumap .close { position: absolute; right: .2rem; bottom: .2rem; width: .6rem; height: .6rem; text-align: center; font-size: .4rem; z-index: 99; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTlBNUY5MTlERUM0MTFFNUEyODJBNTE1OUVDN0M3NDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTlBNUY5MUFERUM0MTFFNUEyODJBNTE1OUVDN0M3NDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOUE1RjkxN0RFQzQxMUU1QTI4MkE1MTU5RUM3Qzc0OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOUE1RjkxOERFQzQxMUU1QTI4MkE1MTU5RUM3Qzc0OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvnANt0AAAN2SURBVHja7N09bxNBEAbgywiJP0ABBQ0fHWmCQEJxQ0NtiA5KJEyK8IdMkdBQhRMKHw0SrSkICg3pkIACAQV/gMrMKndSFOXD8c7evLM7rzRy4TvfaZ9dn/cs3S5Mp9PKgxPyJnAQj4M4iMdBHMTjIA7icRAH8TiI56icif2ApmmKbsC6rn2E+FeWx85X1oFc5brNNeD6zTXheuvNPHsWYv8Paa8hi1xjruVDNvnO9YTrXSZtthIuHW2nm7adbpOvJa9QQJbCC9elEzYdcT0zDHG97XQ3jnh/m2uNYT5rX0PGM2CEbHA9MoyxdQxGyE2uF9xBF9VA+OB32xOZNRZROoyLM2x7ue2gaiPk4Rz7WEI5DUaXZe6oV7RABnPuZwFlHowud7RA/kXsi4wSgxHTUaNBJpH7I6LEYoT81QLZFGgAJBQJjKiOKjEP+XjKX1qo8xQpjD88F7mgOQ9Z4/ppfKRIYXTtoToxDDPToWEUSYzV2FsoUnd7d4yiSGOsx36I5O13ayhwGNIgllAgMVKAWECBxUgFgowiisG1Lt1wKf/CRUOBx0gNgoRiAqMPEAQUMxh9gWiimMLoE0QDxRxG3yB9opjE0ADpA8UshhZIShTTGJogqVBMY2iDpEAxjYEAIo1iGgMFBAVFHQMJRBsFAgMNRAsFBgMRpG8UKAxUkL5Q4DCQQVKjQGKgg6RCgcWwANJlCvpZxYFI3pvqEkbHyEEwMOBRqEAMaBQqFAMWhQrGgEShwjHgUMgxsFDIMbBQKCOMVaEZvSoKZYQRGnJoHYUywgjZsY5CGWFUOaBQZhjmUcgoxuPq5FvoJlHIKMbGjNuaQ6GMMUyiUOYY5lCoAAxTKFQIhhkUKggjCUrTNCNkEHQMeBQqEAMahQrFgEWRAFkyipEKZagNMjaMkQJF70HK3BvuVTLPW9TEkEY5z+1yX2uEPMgEQxpF7bm9g4wwJFHOaYGczQxDCmWiBTLJEEMC5b0WyPNMMWJQPtR1/VUFhA/8stpbWSZHjHlQvlUAD1IOJ/AjU4yDKJ+O2WZ7r4/WX2IOJLFKW/dk6zAhunXI+79atDeV7ey0c66wINjKvl+Y3aJgWxIHkVqlrcu19kT3L5v3uso40it9Sq9juNvW08qjdg3xOEi+ib6GeHyEOIjHQRzE4yAeB3EQj4M4iEcw/wUYAL6JZ/aVt9nDAAAAAElFTkSuQmCC) center center no-repeat; background-size: .35rem; border: .02rem solid #aaa; border-radius: 50%;  }
.baidumap .close:active { background: #f1f1f1; }
.baidumap .BMap_bubble_title a { display: inline-block; height: 40px; line-height: 40px; padding: 0 .3rem; color: #FFF; background: #8ea8e0; border-radius: .03rem; margin-bottom: .05rem; font-size: 16px; }
.baidumap .BMap_bubble_title a:hover { box-shadow: 0 0 0 1000rem rgba(0,0,0,0.3) inset; }

.hidden { display: none; }
.autocut { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.gap { height: .2rem; background: #eee; }

.loading { width: auto; height: .8rem; line-height: .8rem; text-align: center; margin: -.2rem 2% .2rem; background: #fff; color: #bbb; border-radius: 3px; display: none;  }
.loading:active { box-shadow: 0 0 100rem rgba(0,0,0,.03) inset; }
.loading:empty { display: none !important;  }

.null { display: block; width: 100% !important; padding: 0 2% !important; height: .8rem; line-height: .8rem; overflow: hidden; background: none; opacity: 1; position: relative; top: -.3rem; }
.console { position: fixed; left: 0; top: 0; width: 100%; height: .8rem; line-height: .8rem; z-index: 199; background: rgba(255,72,72,.9); text-align: center; color: #fff; font-size: .26rem; overflow: hidden; }
.pager span {padding: 0px 5px;border: 1px solid #999;margin: 0 8px 0 0;}
.pager span.current {background: #1c920f;color: #fff;}
.pager a {padding: 0px 5px; border: 1px solid #999;margin: 0 5px 0 0; }
.api {  content: '4DD845D1BB619BEEFB641EC49A7D8735'; }

.pager { margin: 10px;width: 98%;overflow: hidden;}


/***********************************
 ** 产品
 **********************************/
.product-lister { }
.product-lister .list { width: 100%; padding: .2rem 0 .2rem; overflow: hidden; }
.product-lister .item { float: left; width: 47%; margin: 0 0 2% 2%; background: #ddd; text-align: center; }
.product-lister .img { position: relative; padding: 0 0 75%; margin: 0 0 -1px; background: #eee; }
.product-lister .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.product-lister .item h3 { line-height: .8rem; font-weight: normal; padding: 0 .4rem; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-lister .item:active { box-shadow: 0 0 5rem rgba(0,0,0,.05) inset; }

.product2-lister {  }
.product2-lister .list { padding: .2rem; }
.product2-lister .item { margin: 0 0 .2rem; background: #f5f5f5;  }
.product2-lister .item a { display: block; position: relative; height: 1.8rem; padding: .1rem .2rem 0 2.6rem;  }
.product2-lister .item img { position: absolute; left: 0; top: 0; width: 2.4rem; height: 1.8rem; background: #eee; }
.product2-lister .item h3 { line-height: .7rem; font-size: .3rem; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.product2-lister .item p { height: .8rem; line-height: .4rem; overflow: hidden; opacity: .5; }
.product2-lister .item:active { box-shadow: 0 0 100rem rgba(0,0,0,.03) inset; }

.product-detail {  }
.product-detail h1 { padding: .4rem 2%; font-size: .34rem; line-height: 1.4; text-align: center; }
.product-detail .photo { padding: .0 3% 0; }
.product-detail .photo img { display: block; width: 100%; }

.product-info { padding: 0 .2rem .2rem; }
.product-info h1 { padding: .4rem 0; text-align: left; color: #333; }
.product-info .des { }
.product-info p { line-height: .5rem; opacity: .5; text-align: justify; }

.product-thum { width: 100%; overflow: hidden; position: relative; }
.product-thum .list { float: left; width: 500%; }
.product-thum .list li { float: left; width: 20%; }
.product-thum .list img { display: block; width: 100%; }
.product-thum .tip { width: 90%; height: .1rem; line-height: .1rem; text-align: center; clear: both; display: none; position: absolute; left: 5%; bottom: .2rem; }
.product-thum .tip li { display: inline-block; vertical-align: middle; width: .12rem; height: .12rem; background: #eee; border-radius: 50%; margin: 0 .1rem; vertical-align: middle; }
.product-thum .tip li.active { background: #c81529; }



/***********************************
 ** 新闻
 **********************************/
.news-lister { }
.news-lister .list { padding: .2rem; }
.news-lister .item { border-bottom: 1px solid #eee; }
.news-lister .item a { display: block; padding: .2rem; }
.news-lister .item h3 { font-size: .3rem; font-weight: normal; line-height: .6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-lister .item p { height: .8rem; line-height: .4rem; overflow: hidden; opacity: .5; }
.news-lister .item:active { box-shadow: 0 0 5rem rgba(0,0,0,.05) inset; }

.news2-lister {  }
.news2-lister .list { padding: .2rem; }
.news2-lister .item { margin: 0 0 .2rem; background: #f5f5f5;  }
.news2-lister .item a { display: block; position: relative; height: 1.8rem; padding: .1rem .2rem 0 2.6rem;  }
.news2-lister .item img { position: absolute; left: 0; top: 0; width: 2.4rem; height: 1.8rem; background: #eee; }
.news2-lister .item h3 { font-size: .3rem; font-weight: normal; line-height: .7rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news2-lister .item p { height: .8rem; line-height: .4rem; overflow: hidden; opacity: .5; }
.news2-lister .item:active { box-shadow: 0 0 100rem rgba(0,0,0,.03) inset; }

.news-detail {  }
.news-detail h1 { padding: .4rem 2% .2rem; font-size: .34rem; line-height: 1.4; text-align: center; }
.news-detail .subsidiary { line-height: .6rem; border-bottom: 1px solid #ddd; margin: 0 2%; opacity: .5; text-align: center; }
.news-detail .subsidiary span { margin-right: .2rem; }



/***********************************
 ** 案例
 **********************************/
.case-lister { }
.case-lister .list { width: 100%; padding: .2rem 0 .2rem; }
.case-lister .list .item { float: left; width: 47%; margin: 0 0 0 2%; }
.case-lister .item a { display: block; }
.case-lister .item figure { display: block; padding: 0 0 75%; position: relative; background: #eee; }
.case-lister .item img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.case-lister .item h3 { font-weight: normal; line-height: .8rem; text-align: center; margin: 0 .2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.case2-lister {  }
.case2-lister .list { padding: .2rem; }
.case2-lister .item { margin: 0 0 .2rem; background: #f5f5f5;  }
.case2-lister .item a { display: block; position: relative; height: 1.8rem; padding: .1rem .2rem 0 2.6rem;  }
.case2-lister .item img { position: absolute; left: 0; top: 0; width: 2.4rem; height: 1.8rem; background: #eee; }
.case2-lister .item h3 { line-height: .7rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.case2-lister .item p { height: .8rem; line-height: .4rem; overflow: hidden; opacity: .5; }
.case2-lister .item:active { box-shadow: 0 0 100rem rgba(0,0,0,.03) inset; }

.case-detail {  }
.case-detail h1 { padding: .4rem 2% .4rem; font-size: .34rem; line-height: 1.4; text-align: center; }
.case-detail .photo { margin: 0 4%; }
.case-detail .photo img { display: block; width: 100%; }




/***********************************
 ** 在线留言
 **********************************/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; }
input:-moz-placeholder, textarea:-moz-placeholder { color: #999; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:  #999; }

.message-detail { padding: .2rem 4% 0; overflow: hidden; }
.message-detail li { margin-bottom: .2rem; width: 100%; font-size: 1.2em; }
.message-detail .txt,
.message-detail .text { width: 100%; padding: 0 3%; height: .7rem; line-height: .7rem; background: none; border: 1px solid #bbb;  }
.message-detail .txt:focus,
.message-detail .text:focus { border-color: #999; }
.message-detail .text { height: 1.5rem; line-height: .3rem; padding: 3%; }
.message-detail .error { border-color: #f55 !important; }
.message-detail .submit { width: 100%; height: .8rem; line-height: .8rem; background: #34aa28; border: 0; border-radius: 3px; font-size: .28rem; color: #fff; text-align: center; }
.message-detail .submit:active { box-shadow: 0 0 0 1000rem rgba(0,0,0,.2) inset; }




/***********************************
 ** 在线留言
 **********************************/
.rmd-order { padding: 0 4% 0; overflow: hidden; background: #f9f9f9; border-top: 1px solid #eee; }
.rmd-order .head { height: .8rem; line-height: .8rem; margin: 0 0 .1rem;  }
.rmd-order .head h2 { font-size: .3rem; font-weight: normal; }
.rmd-order li { margin-bottom: .2rem; width: 100%; font-size: 1.2em; }
.rmd-order .txt,
.rmd-order .text { width: 100%; padding: 0 3%; height: .8rem; line-height: .8rem; background: #fff; border: 1px solid #eee;  }
.rmd-order .txt:focus,
.rmd-order .text:focus { border-color: #ddd; }
.rmd-order .text { height: 1.5rem; line-height: .3rem; padding: 3%; }
.rmd-order .error { border-color: #f55 !important; }
.rmd-order .submit { width: 100%; height: .8rem; line-height: .8rem; background: #34aa28; border: 0; border-radius: 3px; font-size: .28rem; color: #fff; text-align: center; }
.rmd-order .submit:active { box-shadow: 0 0 0 1000rem rgba(0,0,0,.2) inset;  }



/***********************************
 *** 设备适配
 **********************************/
@media (min-width: 700px){
	html { font-size: 70px; }
}
@media (max-width: 700px){
	html { font-size: 60px; }
}
@media (max-width: 500px){
	html { font-size: 50px; }
}
@media (max-width: 350px){
	html { font-size: 50px; }
}