@charset "utf-8";
@import url(base.css); /*reset*/
body { background: #fff url(/images/h5/bodybg.jpg) no-repeat top !important; -webkit-background-size: 100% !important; background-size: 100% !important; }
.index { padding-top: 9.9375rem; }
.index .content { width: 93.75%; padding: 0.46875rem; text-align: center; margin: 0 auto; box-sizing: border-box; background-color: #fff; }
.index .content .menu li { margin-bottom: 0.46875rem; background-color: #def3ff; }
.index .content .menu li a { width: 100%; height: 3.25rem; line-height: 3.25rem; display: block; font-size: 0.75rem; color: #282828; }
.index .content .box { padding-bottom: 0.625rem; padding-top: 2.1875rem; background-color: #def3ff; }
.index .content .box .jianjie { padding: 0 0.46875rem 0 0.75rem; margin-top: -0.5rem; text-align: left; font-size: 0.75rem; color: #282828; line-height: 160%; }
.index .content .box .product { text-align: center; padding: 0 0.625rem; overflow: hidden; background-color: #def3ff; }
.index .content .box .product ul { overflow: hidden; }
.index .content .box .product ul li { width: 48.2%; float: left; margin-bottom: 0.59375rem; }
.index .content .box .product ul li img { width: 100%; height: 7.8125rem; border: 0.0625rem solid #dcdcdc; box-sizing: border-box; vertical-align: top; }
.index .content .box .product ul li .txt { width: 100%; color: #282828; font-size: 0.75rem; line-height: 240%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index .content .box .product ul li:nth-child(even) { float: right; }
.index .content .box .news { background-color: #def3ff; padding: 0 0.625rem; overflow: hidden; }
.index .content .box .news ul { text-align: left; }
.index .content .box .news ul li { overflow: hidden; margin-bottom: 1.1875rem; }
.index .content .box .news ul li .left { width: 35%; font-size: 0; }
.index .content .box .news ul li .left img { padding: 0.25rem; border: 0.0625rem solid #dcdcdc; width: 100%; height: 3.875rem; background-color: #fff; }
.index .content .box .news ul li .right { width: 59%; }
.index .content .box .news ul li .right .date { color: #8c8c8c; font-size: 0.75rem; }
.index .content .box .news ul li .right h2 { width: 100%; color: #282828; font-size: 0.9375rem; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 180%; }
.index .content .box .news ul li .right .txt { width: 100%; color: #8c8c8c; font-size: 0.75rem; word-break: break-all; text-overflow: ellipsis; display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden;  line-height: 140%; }
.index .content .box .contact { padding: 0 0.78125rem; }
.index .content .box .contact h2 { text-align: left; color: #282828; font-size: 1.125rem; }
.index .content .box .contact .order { text-align: center; font-size: 0; margin-bottom:20px; }
.index .content .box .contact .order input { width: 100%; height: 1.875rem; font-size: 0.75rem; margin-bottom: 0.3125rem; border: 1px solid #dcdcdc; border-radius: 0.125rem; box-sizing: border-box; padding-left: 0.5rem; }
.index .content .box .contact .order input:first-child { margin-top: 0.9375rem; }
.index .content .box .contact .order textarea { padding-top: 0.1875rem; width: 100%; height: 3.4375rem; font-size: 0.75rem; resize: none; margin-bottom: 0.3125rem; border: 1px solid #dcdcdc; box-sizing: border-box; padding-left: 0.5rem; }
.index .content .box .contact .order .btn { width: 100%; height: 1.875rem; line-height: 1.875rem; border-radius: 0.125rem; background-color: #0066cb; color: #fff; font-size: 0.9375rem; }
.index .content .page a {  display: inline-block; width: 50%; height: 1.875rem; line-height: 1.875rem; font-size: 0.625rem; color: #a8a8a8; background-color: #fff; }
.infotitle {  font-size: 0.75rem; font-weight:700; margin:20px auto 20px; text-align:center;}
.subtit { display:none;}
.infocontent { padding: 0 0.46875rem 0 0.75rem; margin-top: -0.5rem; text-align: left; font-size: 0.75rem; color: #282828; line-height: 160%; }