/* Page About */
.gs-bg{ max-width:1200px; margin:65px auto 55px;}
.gs-bg h1{ font-size:30px; font-weight:normal; color:#333; text-align:center; margin-bottom:30px;}
.gs-tb{ width:100%; background:#f5f5f5; padding:80px 0;}
.gs-tb ul li{ float:left; width:33.333333%; text-align:center;}
.gs-tb ul li dl{ font-size:30px; color:#333; margin-top:30px;}
.gs-tb ul li p{ color:#888; margin-top:30px;}

/* Page Public */
.pb-bg{ padding:50px 0 65px;}
.pb-zb{ float:left; width:235px;}
.zb-nm{ width:100%; height:77px; line-height:77px; background:url(../images/lbBg.jpg) no-repeat; font-size:18px; color:#fff; padding-left:20px;}
.zb-ls{ background:#dbdbdb; padding:10px 0 10px 20px;}
.zb-ls a{ display:block; line-height:18px; border-bottom:1px solid #fff; padding:8px 20px 8px 0;}
.zb-ls a:hover, .zb-ls a.g{ color:#3366ff;}
.zb-tx{ background:#dbdbdb; border-top:1px solid #fff; padding:5px 0 5px 20px;}
.zb-tx ul li{ border-bottom:1px dashed #fff; padding:15px 0;}
.zb-tx ul li strong{ display:block; font-size:18px; color:#3366ff; margin-bottom:5px;}
.pb-yb{ float:left; width:910px; margin-left:55px;}
.yb-wl{ border-bottom:1px solid #f0f0f0; padding:20px 0;}
.yb-wl strong{ font-size:24px; color:#3366ff;}
.yb-wl span{ float:right;}
.yb-ny{ margin:25px 0 0;}
.page{ display:table; margin:30px auto 0;}
.page a{ display:block; float:left; height:40px; line-height:38px; color:#888; text-align:center; padding:0 20px; margin:0 5px; border:1px solid #e0e0e0;}
.page a:hover, .page a.pageNext{ color:#333; background-color:#ffcc00; border:1px solid #ffcc00;}
.page a.pageCn{ padding:0 15px;}

/* Page Contact */
.lx-tx{ font-size:16px; line-height:40px;}
.lx-tx img{ float:right; margin-top:10px;}
.lx-dt{ padding-top:130px;}
.maps{ width:100%; height:350px;}
.title{ font-size:24px; color:#3366ff; margin-bottom:5px;}

/* Page Messages */
.ms-bg{ background:url(../images/message.png) no-repeat right top;}
.ms-nm{ margin-right:450px;}
.ms-lb{ margin-top:30px;}
.ms-lb .ms-in{ display:block; width:450px; height:45px; border:1px solid #e5e5e5; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#888; padding:0 15px; margin-bottom:18px; border-radius:5px; -webkit-border-radius:5px;}
.ms-lb .ms-tx{ display:block; width:450px; height:250px; border:1px solid #e5e5e5; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#888; padding:14px 15px; margin-bottom:18px; border-radius:5px; -webkit-border-radius:5px; outline:none; resize:none;}
.ms-lb .ms-sb{ display:block; width:200px; height:45px; background-color:#3366ff; font-size:18px; color:#fff; text-transform:uppercase; border:none; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
.ms-lb .ms-sb:hover{ background-color:#ffcc00; color:#333;}

/* Page Demonstrate */
.picture a{ display:block; float:left; width:290px; margin:10px 20px 10px 0;}
.picture a:nth-of-type(3n){ margin-right:0;}
.picture a img{ width:100%;}

/* Page News */
.ns-ls{ margin-top:30px;}
.ns-ls li{ margin-bottom:30px;}
.ns-ls li a{ display:block; width:100%; height:100%;}
.ns-ls li a div{ float:left; width:80px; height:80px; border:1px solid #3366ff; padding:15px 0 0 10px; color:#888; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.ns-ls li a div strong{ display:block; font-size:24px; font-weight:normal; color:#3366ff; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.ns-ls li a dl{ float:left; width:830px; padding-left:20px; font-size:18px; color:#333; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.ns-ls li a dl p{ font-size:14px; color:#888; margin-top:10px; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.ns-ls li a:hover dl,.ns-ls li a:hover dl p{ color:#ffcc00;}
.ns-ls li a:hover div{ background-color:#3366ff; color:#fff;}
.ns-ls li a:hover div strong{ color:#fff;}

.ns-nm{ font-size:24px; color:#333; text-align:center; margin-top:50px;}
.ns-in{ color:#888; margin-top:15px; text-align:center;}
.ns-in span{ margin:0 5px;}
.ns-ig{ margin-top:35px; text-align:center;}
.ns-ig img{ max-width:1200px;}
.ns-js{ margin-top:35px;}
.ns-js img{ max-width:1200px;}
.ns-nt{ margin-top:35px;}
.ns-nt a{ display:block; margin-top:5px; color:#888;}
.ns-nt a:hover{ color:#ffcc00;}

/* Page Products */
.ig-ls{ margin-top:30px;}
.ig-ls li{ float:left; width:211px; margin-right:22px; margin-bottom:22px;}
.ig-ls li:nth-of-type(4n){ margin-right:0;}
.ig-ls li img{ width:211px; height:211px;}
.ig-ls li dl{ text-align:center; margin-top:10px;}

.ig-ig{ text-align:center; margin-top:35px;}
.ig-ig img{ max-width:800px;}
.ig-nm{ font-size:30px; color:#3366ff; text-align:center; margin-top:35px;}
.ig-js{ margin-top:35px;}
.ig-js img{ max-width:800px;}
.ig-nt{ margin-top:35px;}
.ig-nt a{ float:left; height:48px; line-height:46px; color:#888; padding:0 20px; border:1px solid #e0e0e0;}
.ig-nt a:nth-of-type(2){ float:right;}
.ig-nt a:hover{ border:1px solid #ffcc00; background-color:#ffcc00; color:#333;}