/* Css Products */
.proBg{ position:absolute; left:0; top:450px; width:100%; z-index:100;}
.proLs{ background:url(../images/proBg.png) no-repeat; width:100%; height:484px; padding:30px 0 20px 20px;}
.proLs ul li{ float:left; width:285px; height:207px; margin-left:10px; margin-bottom:10px;}
.proLs ul li a{ display:block; width:100%; height:100%; position:relative;}
.proLs ul li a img{ width:285px; height:207px;}
.proLs ul li a dl{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.proLs ul li a:hover dl{ opacity:0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.3);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0.3)";}
.proLs ul li:nth-of-type(1){ padding:50px 0 0 30px;}
.proLs ul li strong{ display:block; font-size:24px; color:#fff;}
.proLs ul li span{ display:block; font-size:18px; color:#ffcc00; margin-top:10px;}
.proLs ul li div{ width:50px; height:5px; background:#fff; margin-top:15px;}

/* Css About */
.ab-bg{ width:100%; background:#f5f5f5; margin-top:484px; padding:50px 0;}
.ab-bg h1{ font-size:30px; color:#3366ff; text-align:center;}
.ab-bg h2{ width:35px; height:5px; background:#aaa; margin:18px auto 30px;}
.ab-tx{ float:left; width:50%; padding-right:55px;}
.ab-tx a{ display:block; width:100px; height:30px; line-height:28px; border:1px solid #3366ff; color:#3366ff; text-align:center; margin-top:50px;}
.ab-tx a:hover{ background-color:#3366ff; color:#fff;}
.ab-ig{ float:left; width:50%;}

/* Css Advantage */
.ys-bg{ width:100%; height:705px; background:url(../images/ysBg.jpg) no-repeat center;}
.ys-bg ul{ padding-top:130px;}
.ys-bg ul li{ float:left; width:380px; height:438px; margin-right:30px; text-align:center; background:url(../images/ys.png) no-repeat; padding-top:80px;}
.ys-bg ul li:nth-of-type(3n){ margin-right:0;}
.ys-bg ul li dl{ font-size:24px; color:#333; margin-top:30px;}
.ys-bg ul li p{ color:#888; margin-top:30px; padding:0 30px;}

/* Css News */
.ns-bg{ width:100%; background:#fff; padding:20px 0 80px;}
.ns-bg h1{ font-size:30px; color:#3366ff; text-align:center;}
.ns-bg h2{ width:35px; height:5px; background:#aaa; margin:18px auto 30px;}
.ns-bg ul li{ float:left; width:380px; margin:0 30px 30px 0;}
.ns-bg ul li:nth-of-type(3n){ margin-right:0;}
.ns-bg ul li a{ display:block; width:100%; height:100%;}
.ns-bg ul 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-bg ul 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-bg ul li a dl{ float:left; width:300px; padding-left:20px; font-size:18px; color:#333; transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out;}
.ns-bg ul li a:hover dl{ color:#ffcc00;}
.ns-bg ul li a:hover div{ background-color:#3366ff; color:#fff;}
.ns-bg ul li a:hover div strong{ color:#fff;}