/* Css Flash */
.swiper-container{ width:100%; height:750px;}
.swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:1440px){ 
.swiper-container{ height:565px;}
}

/* Css News */
.ns-bg{ width:100%; background-color:#fff; padding:82px 0 85px;}
.ns-bg h1{ font-family:"经典平黑简","Noto Sans CJK SC","PingFang SC","Microsoft YaHei"; font-size:30px; font-weight:normal; text-align:center;}
.ns-bg h2{ width:40px; height:4px; background-color:#00b0f0; margin:25px auto 50px;}
.ns-bg dl a{ display:block; float:left; width:380px; height:300px; border:1px solid #e0e0e0; padding:30px; margin-right:30px;}
.ns-bg dl a:hover{ border:1px solid #00b0f0;}
.ns-bg dl a:nth-of-type(3){ margin-right:0;}
.ns-bg dl a h3{ font-size:18px; height:50px; line-height:25px; font-weight:normal; color:#333; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-bg dl a:hover h3{ color:#00b0f0;}
.ns-bg dl a span{ display:block; font-family:Arial; color:#888; margin-top:5px;}
.ns-bg dl a p{ margin-top:20px; color:#888; line-height:24px;}
.ns-bg dl a h4{ color:#00b0f0; background:url(../Images/jt.png) no-repeat 65px center; margin-top:35px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-bg dl a:hover h4{ background-position:85px center;}

/* Css About */
.ab-bg{ width:100%; height:500px; background-color:#f3f3f3; position:relative;}
.ab-zb{ float:left; width:46.875%; height:500px; background:url(../Images/gs.jpg) no-repeat center; background-size:cover;}
.ab-yb{ float:left; width:53.125%; height:500px; background:url(../Images/cs.png) no-repeat right top; padding-top:80px; padding-left:55px; overflow:hidden;}
.ab-tx{ position:absolute; left:0; top:0; width:100%; height:100%;}
.tx-zb{ float:left; width:45%; height:500px;}
.tx-yb{ float:left; width:55%; height:500px; padding-top:100px; padding-left:55px; position:relative;}
.tx-yb h1{ font-family:"经典平黑简","Noto Sans CJK SC","PingFang SC","Microsoft YaHei"; font-size:30px; font-weight:normal;}
.tx-yb p{ color:#888; margin-top:28px;}
.tx-yb dl{ position:absolute; left:0; bottom:55px; width:100%; height:150px; padding-left:55px; border-right:1px solid #e0e0e0;}
.tx-yb dl a{ display:block; float:left; width:33.333333%; height:100%; border:1px solid #e0e0e0; border-right:none; font-family:"经典平黑简","Noto Sans CJK SC","PingFang SC","Microsoft YaHei"; font-size:18px; text-align:center; cursor:pointer;}
.tx-yb dl a:hover{ color:#00a0e8;}
.tx-yb dl a span{ display:block; width:50px; height:50px; margin:30px auto 18px; background-repeat:no-repeat; background-position:center; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.tx-yb dl a:hover span{ margin-top:20px;}

/* Css Icon */
.ic-bg{ width:100%; height:250px; background-color:#00a0e8;}
.ic-bg a{ display:block; float:left; width:20%; height:100%; font-family:"经典平黑简","Noto Sans CJK SC","PingFang SC","Microsoft YaHei"; font-size:22px; color:#fff; text-align:center;}
.ic-bg a span{ display:block; width:100px; height:100px; border:2px solid #fff; margin:55px auto 18px; background-repeat:no-repeat; background-position:center; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ic-bg a:hover span{ margin-top:35px;}

/* Css Products */
.ig-bg{ width:100%; background-color:#fff; padding:82px 0 85px;}
.ig-bg h1{ font-family:"经典平黑简","Noto Sans CJK SC","PingFang SC","Microsoft YaHei"; font-size:30px; font-weight:normal; text-align:center;}
.ig-bg h2{ width:40px; height:4px; background-color:#00b0f0; margin:25px auto 50px;}
.ig-bg ul li{ float:left; width:585px; height:450px; background-color:#f3f3f3; margin:0 30px 30px 0;}
.ig-bg ul li:nth-of-type(2n){ margin-right:0;}
.ig-bg ul li.ig a{ display:block; width:100%; height:100%; position:relative;}
.ig-bg ul li.ig a dl{ width:100%; height:100%; overflow:hidden;}
.ig-bg ul li.ig a dl img{ width:585px; height:450px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ig-bg ul li.ig a:hover dl img{ -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.ig-bg ul li.ig a p{ position:absolute; left:0; bottom:0; width:100%; height:65px; line-height:65px; font-family:"经典平黑简","Noto Sans CJK SC","PingFang SC","Microsoft YaHei"; font-size:24px; color:#fff; text-align:center; background-color:rgba(0, 112, 192, .75); -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ig-bg ul li.ig a:hover p{ background-color:rgba(0, 112, 192, .85);}
.ig-bg ul li.ls{ padding:50px;}
.ig-bg ul li.ls dl{ font-family:"经典平黑简","Noto Sans CJK SC","PingFang SC","Microsoft YaHei"; font-size:24px; margin-bottom:30px;}
.ig-bg ul li.ls a{ display:block; font-size:16px; line-height:30px;}
.ig-bg ul li.ls a span{ color:#00b0f0;}