.indexTitle{width:100%;text-align:center}.indexTitle h2{width:100%;height:50px;line-height:50px;overflow:hidden;font-size:30px;font-weight:bold}.indexTitle h3{width:100%;height:20px;line-height:20px;overflow:hidden;font-size:15px;color:#ababab;text-transform:uppercase}.indexTitle h4{width:94%;height:auto;line-height:25px;overflow:hidden;font-size:15px;color:#666;text-transform:uppercase;margin:10px auto}.indexProduct{width:100%;height:auto;overflow:hidden;background-color:#f6f6f6;padding:80px 0}.indexNavList{width:100%;height:auto;overflow:hidden;text-align:center;margin:10px auto}.indexNavList li{display:inline-flex;padding:10px 25px;border:1px solid #eee;margin:5px 10px;transition:all .5s;font-size:16px;background:linear-gradient(to bottom,#305dc3,#305dc3);transition:background-size .5s;background-size:0% 100%;background-repeat:no-repeat}.indexNavList li:hover{background-size:100% 100%;color:#fff}.indexNavList li:hover a{color:#fff}.indexProductList{width:100%}.indexProductList li{width:23%;float:left;margin:0 1% 20px 1%}.indexProductList li div{width:100%}.indexProductList li div img{width:100%;height:280px}.indexProductList li h2{width:100%;height:40px;line-height:40px;overflow:hidden;text-align:center;transition:all .5s}.indexProductList li:hover h2{background-color:#006ff9;color:#fff}.indexMore{width:100%;height:auto;overflow:hidden;text-align:center}.indexMore a{display:inline-block;width:140px;height:40px;line-height:40px;margin:20px auto;text-align:center;background-color:#305dc3;color:#fff;transition:all .5s}.indexMore a:hover{background-color:#307bc3;box-shadow:0 0 10px #adc6ff}.indexProductLeft{width:18%;float:left}.indexProductLeftTitle{width:100%;height:80px;line-height:80px;background-color:#006ff9;border-top-left-radius:20px;color:#fff;font-size:24px;font-weight:bold;text-align:center}.indexProductLeftList{width:90%;height:auto;overflow:hidden;background-color:#fff;padding:20px 5%}.indexProductLeftList li{width:100%;height:50px;line-height:50px;border-bottom:1px solid #eee;color:#868686;font-size:16px;transition:all .5s}.indexProductLeftList li:hover{text-indent:10px}.indexProductLeftList li div{float:right;display:inline-block}.indexProductRight{width:80%;float:left;margin-left:2%}.indexProductRight li{width:31%;float:left;margin:0 1% 20px 1%}.indexProductRight li div{width:100%}.indexProductRight li div img{width:100%;height:260px}.indexProductRight li h2{width:100%;height:40px;line-height:40px;overflow:hidden;text-align:center;transition:all .5s}.indexProductRight li:hover h2{background-color:#006ff9;color:#fff}.indexAbout{width:100%;height:auto;overflow:hidden;background-image:url("/Skins/UI/Images/indexAboutBg.jpg");background-repeat:no-repeat;background-size:cover;padding:80px 0}.indexAboutLeft{width:40%;float:left;text-align:center}.indexAboutLeft img{width:96%;border:20px solid #bedbfe}.indexAboutRight{width:55%;float:left;margin-left:5%}.indexAboutTitle{width:100%}.indexAboutTitle h2{width:100%;height:40px;line-height:40px;overflow:hidden;font-size:34px;font-weight:bold;color:#252525}.indexAboutTitle h3{width:100%}.indexAboutContent{width:100%;height:auto;overflow:hidden;margin:60px auto 60px auto;line-height:30px;font-size:16px}.indexAboutContent a{color:#ac9455}.indexAboutContent a:hover{color:#deca93;text-decoration:underline}.indexAboutMore{width:100%}.indexAboutMore a{display:inline-block;border:1px solid #606060;color:#606060;padding:5px 20px;transition:all .5s}.indexAboutMore a:hover{background-color:#006ff9;color:#fff;border:1px solid #006ff9}.indexAboutAdvantage{width:100%;height:auto;overflow:hidden;background-image:url(/Skins/UI/Images/indexAoutAdvantageBg.jpg);background-position:center;padding:80px 0}.indexAboutAdvantage li{width:25%;float:left;text-align:center}.indexAboutAdvantage li img{max-width:40px}.indexAboutAdvantage li h2{width:100%;height:50px;line-height:50px;overflow:hidden;color:#fff;font-size:18px}.indexCase{width:100%;height:auto;overflow:hidden}.indexCase li{width:25%;float:left;height:auto;overflow:hidden;position:relative}.indexCase li div{background-color:#000}.indexCase li img{width:100%;transition:all .5s;opacity:1}.indexCase li img:hover{opacity:.5}.indexCase li h2{position:absolute;top:100px;left:0;width:100%;text-align:center;color:#fff;font-size:35px;font-weight:bold;line-height:40px}.indexCase li h2 span{font-size:15px;display:block;font-weight:normal;text-transform:uppercase}.indexNews{width:100%}.indexNewsLeft{width:35%;float:left;margin-right:5%}.indexNewsLeft li{width:90%;height:auto;overflow:hidden;padding:20px 2%;transition:all .5s;margin:10px 3%}.indexNewsLeft li div{width:100%}.indexNewsLeft li div img{width:100%}.indexNewsLeft li h2{width:100%;height:50px;line-height:50px;overflow:hidden;font-size:16px;transition:all .5s}.indexNewsLeft li h3{width:100%;height:40px;line-height:20px;overflow:hidden;font-size:12px;color:#999;transition:all .5s}.indexNewsLeft li:hover{box-shadow:0 0 10px #ccc}.indexNewsRight{width:60%;float:left}.indexNewsRight li{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #e1e1e1;padding-bottom:20px;margin-bottom:20px}.indexNewsRight li .date{width:14%;float:left;height:auto;overflow:hidden;background-color:#006ff9;color:#fff;border-radius:5px;text-align:center;padding:20px 0;margin-right:3%}.indexNewsRight li .date h4{width:100%;height:auto;overflow:hidden;line-height:30px;font-size:20px}.indexNewsRight li .title{float:left;width:83%;transition:all .5s}.indexNewsRight li .title h2{width:100%;height:40px;line-height:40px;overflow:hidden;font-size:18px}.indexNewsRight li .title h3{width:100%;height:50px;line-height:25px;overflow:hidden;font-size:13px;color:#999}.indexNewsRight li .title:hover{width:80%;margin-left:3%}@media(max-width:720px){.indexNavList{display:none}.indexProductList li{width:48%;float:left;margin:0 1% 20px 1%}.indexProductList li div img{width:100%;height:180px}.indexProductLeft{width:100%}.indexProductRight{width:100%;margin-left:0;margin-top:20px}.indexProductRight li{width:98%;float:left;margin:0 1% 20px 1%}.indexProductRight li div img{width:100%;height:auto}.indexAboutLeft{width:100%;float:left;text-align:center}.indexAboutLeft img{width:90%;border:20px solid #bedbfe}.indexAboutRight{width:100%;margin-left:0;margin-top:20px}.indexAboutAdvantage li{width:50%;float:left;text-align:center;margin-bottom:20px}.indexCase{width:100%;height:auto;overflow:hidden}.indexCase li{width:50%;float:left;height:auto;overflow:hidden;position:relative}.indexCase li h2{position:absolute;top:40px;left:0;width:100%;text-align:center;color:#fff;font-size:24px;font-weight:bold;line-height:30px}.indexNewsLeft{width:100%;float:left;margin-right:0;border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:10px}.indexNewsRight{width:100%;float:left}.indexNewsRight li .date{width:20%;float:left;height:auto;overflow:hidden;background-color:#006ff9;color:#fff;border-radius:5px;text-align:center;padding:20px 0;margin-right:3%}.indexNewsRight li .title{float:left;width:77%}}