/* Css Flash */
.swiper1{ width:100%; height:725px;}
.swiper1 .swiper-slide{ background-repeat:no-repeat; background-position:center; background-size:cover;}
.flash01{ background-image:url(../Images/flash01.jpg);}
.flash02{ background-image:url(../Images/flash02.jpg);}
.flash03{ background-image:url(../Images/flash03.jpg);}
@media screen and (max-width:1680px){.swiper1{ height:635px;}}
@media screen and (max-width:1440px){.swiper1{ height:545px;}}
@media screen and (max-width:1366px){.swiper1{ height:515px;}}
@media screen and (max-width:1280px){.swiper1{ height:485px;}}
@media screen and (max-width:1024px){ 
.swiper1{ height:500px;}
.flash01{ background-image:url(../Images/mobile01.jpg);}
.flash02{ background-image:url(../Images/mobile02.jpg);}
.flash03{ background-image:url(../Images/mobile03.jpg);}
}
@media screen and (max-width:800px){.swiper1{ height:400px;}}
@media screen and (max-width:640px){.swiper1{ height:320px;}}
@media screen and (max-width:480px){.swiper1{ height:240px;}}
@media screen and (max-width:414px){.swiper1{ height:210px;}}
@media screen and (max-width:375px){.swiper1{ height:190px;}}
@media screen and (max-width:320px){.swiper1{ height:175px;}}

/* Css About */
.ab-bg{ padding:120px 0;}
.ab-zb{ float:left; width:52.777778%; height:640px; position:relative;}
.ab-zb h1{ font-family:"064-CAI978"; font-size:36px; color:#00429a; text-transform:uppercase;}
.ab-zb h2{ font-size:30px; color:#333; margin-top:15px;}
.ab-zb p{ font-size:16px; margin-top:42px;}
.ab-zb .ab-al{ display:block; width:150px; height:44px; line-height:44px; font-size:18px; font-weight:500; color:#fff; padding-left:25px; margin-top:57px; background:#00429a url(../Images/jt01.png) no-repeat 122px center; background-size:8px 14px; -webkit-border-radius:25px; border-radius:25px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-zb .ab-al:hover{ background-color:#f6b400;}
.ab-zb ul{ position:absolute; left:0; bottom:0; width:100%;}
.ab-zb ul li{ float:left; width:25%; height:125px; border:1px solid #eee; border-right:none;}
.ab-zb ul li:nth-of-type(4){ border-right:1px solid #eee;}
.ab-zb ul li a{ display:block; width:100%; height:100%; font-size:20px; font-weight:500; color:#333; text-align:center; padding-top:25px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-zb ul li a:hover{ color:#fff; background-color:#00429a}
.ab-zb ul li a dl{ width:40px; height:40px; margin:0 auto 10px; background-repeat:no-repeat; background-position:center; background-size:40px 40px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ab-zb ul li:nth-of-type(1) a dl{ background-image:url(../Images/ab01.png);}
.ab-zb ul li:nth-of-type(1) a:hover dl{ background-image:url(../Images/ab1.png);}
.ab-zb ul li:nth-of-type(2) a dl{ background-image:url(../Images/ab02.png);}
.ab-zb ul li:nth-of-type(2) a:hover dl{ background-image:url(../Images/ab2.png);}
.ab-zb ul li:nth-of-type(3) a dl{ background-image:url(../Images/ab03.png);}
.ab-zb ul li:nth-of-type(3) a:hover dl{ background-image:url(../Images/ab3.png);}
.ab-zb ul li:nth-of-type(4) a dl{ background-image:url(../Images/ab04.png);}
.ab-zb ul li:nth-of-type(4) a:hover dl{ background-image:url(../Images/ab4.png);}
.ab-yb{ float:right; width:33.333333%; height:640px; background:url(../Images/company.jpg) no-repeat center; background-size:cover;}
.ab-yb a{ display:block; width:100%; height:100%;}
@media screen and (max-width:1680px){
.ab-zb{ height:560px;}
.ab-yb{ height:560px;}
}
@media screen and (max-width:1440px){
.ab-bg{ padding:100px 0;}
.ab-zb{ width:54%; height:545px;}
.ab-zb h1{ font-size:30px; line-height:22px;}
.ab-zb h2{ font-size:24px; margin-top:14px;}
.ab-zb p{ font-size:14px; line-height:28px; margin-top:23px;}
.ab-zb .ab-al{ width:130px; height:40px; line-height:40px; font-size:16px; padding-left:20px; margin-top:43px; background-position:102px center;}
.ab-zb ul li{ height:115px;}
.ab-zb ul li a{ font-size:18px;}
.ab-zb ul li a dl{ width:32px; height:32px; margin-bottom:8px; background-size:32px 32px;}
.ab-yb{ height:545px;}
}
@media screen and (max-width:1280px){
.ab-zb{ height:485px;}
.ab-yb{ height:485px;}
}
@media screen and (max-width:1024px){
.ab-bg{ padding:65px 0;}
.ab-zb{ height:445px;}
.ab-zb h1{ font-size:24px; line-height:20px;}
.ab-zb h2{ font-size:18px; margin-top:8px;}
.ab-zb p{ line-height:24px; margin-top:16px;}
.ab-zb .ab-al{ width:100px; height:30px; line-height:30px; font-size:14px; padding-left:15px; margin-top:30px; background-position:82px center; background-size:6px 10px;}
.ab-zb ul li{ height:100px;}
.ab-zb ul li a{ font-size:16px; padding-top:21px;}
.ab-zb ul li a dl{ width:30px; height:30px; margin-bottom:7px; background-size:30px 30px;}
.ab-yb{ width:35%; height:445px;}
}
@media screen and (max-width:800px){
.ab-bg{ padding:50px 0;}
.ab-zb{ width:100%; height:auto;}
.ab-zb .ab-al{ display:none;}
.ab-zb ul{ position:relative; margin-top:20px;}
.ab-yb{ display:none;}
}
@media screen and (max-width:480px){
.ab-bg{ padding:40px 0 45px;}
.ab-zb ul li{ width:50%;}
.ab-zb ul li:nth-of-type(2){ border-right:1px solid #eee;}
.ab-zb ul li:nth-of-type(3), .ab-zb ul li:nth-of-type(4){ border-top:none;}
}

/* Css Products */
.ig-bg{ background:url(../Images/igBg.jpg) no-repeat center; background-size:cover; padding:100px 0 125px;}
.title dl{ float:left;}
.title dl h1{ font-family:"064-CAI978"; font-size:36px; color:#fff; text-transform:uppercase;}
.title dl h2{ font-size:30px; color:#fff; margin-top:15px;}
.tabs{ float:right; margin-top:33px;}
.tabs a{ float:left; height:40px; line-height:36px; font-size:18px; font-weight:500; color:#fff; border:2px solid #fff; margin-left:10px; padding:0 10px; cursor:pointer;}
.tabs a.active{ border-color:#f6b400; background-color:#f6b400;}
.tabs-container{ margin-top:53px;}
.ig-ls a{ display:block; float:left; width:22.09%; margin-right:3.88%; background-color:#fff; padding:15px 15px 18px; text-align:center; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a:nth-of-type(4){ margin-right:0;}
.ig-ls a:hover{ background-color:#f6b400;}
.ig-ls a img{ display:block; width:100%; margin-bottom:20px;}
.ig-ls a h2{ font-family:"Montserrat-Bold-3","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:24px; color:#333; height:24px; line-height:24px; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a h4{ font-weight:normal; line-height:24px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a h3{ font-size:18px; font-weight:500; color:#333; height:30px; line-height:30px; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a:hover h2, .ig-ls a:hover h4, .ig-ls a:hover h3{ color:#fff;}
@media screen and (max-width:1440px){
.ig-bg{ padding:85px 0 100px;}
.title dl h1{ font-size:30px; line-height:22px;}
.title dl h2{ font-size:24px; margin-top:14px;}
.tabs{ margin-top:28px;}
.tabs a{ height:34px; line-height:30px; font-size:16px; margin-left:5px;}
.tabs-container{ margin-top:46px;}
.ig-ls a{ padding:10px 10px 12px;}
.ig-ls a img{ margin-bottom:12px;}
.ig-ls a h3{ font-size:16px;}
}
@media screen and (max-width:1024px){
.ig-bg{ padding:65px 0 75px;}
.title dl h1{ font-size:24px; line-height:20px;}
.title dl h2{ font-size:18px; margin-top:8px;}
.tabs{ width:100%; margin-top:16px;}
.tabs a{ height:30px; line-height:28px; font-size:14px; margin:5px 5px 0 0; border:1px solid #fff;}
.tabs-container{ margin-top:30px;}
.ig-ls a{ padding:10px;}
.ig-ls a img{ margin-bottom:10px;}
.ig-ls a h2{ font-size:18px; height:20px; line-height:20px;}
.ig-ls a h4{ font-size:12px; line-height:20px;}
.ig-ls a h3{ font-size:14px; height:24px; line-height:24px;}
}
@media screen and (max-width:800px){
.ig-bg{ padding:50px 0 55px;}
}
@media screen and (max-width:480px){
.ig-bg{ padding:40px 0 50px;}
.ig-ls a{ width:48.25%; margin-right:3.5%; padding:8px 8px 10px;}
.ig-ls a:nth-of-type(2){ margin-right:0;}
.ig-ls a:nth-of-type(3), .ig-ls a:nth-of-type(4){ margin-top:3.5%;}
}

/* Css News */
.ns-bg{ padding:120px 0 135px;}
.ns-bg .title dl h1{ color:#00429a;}
.ns-bg .title dl h2{ color:#333;}
.nwLs{ float:right; margin-top:33px;}
.nwLs a{ float:left; height:40px; line-height:36px; font-size:18px; font-weight:500; color:#00429a; border:2px solid #00429a; margin-left:10px; padding:0 10px; cursor:pointer;}
.nwLs a:hover{ color:#fff; border-color:#f6b400; background-color:#f6b400;}
.ns-ls{ margin-top:53px;}
.ns-ls a{ display:block; float:left; width:29.72%; height:450px; margin-right:5.42%; background-color:#f5f5f5; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-ls a:nth-of-type(3){ margin-right:0;}
.ns-tx{ width:100%; height:180px; padding:30px 35px 0;}
.ns-ls h2{ font-size:18px; font-weight:500; color:#333; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-ls h3{ font-family:"Montserrat-Bold-3"; font-size:14px; color:#00429a; margin-top:8px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-ig{ width:100%; height:270px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.ns-js{ width:100%; height:100%; padding:40px 45px 0; position:relative;}
.ns-js p{ color:#666; line-height:24px; margin-top:20px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-js span{ position:absolute; left:45px; bottom:45px; display:block; width:150px; height:40px; line-height:40px; font-size:16px; font-weight:500; color:#fff; padding-left:20px; background:#00429a url(../Images/jt01.png) no-repeat 122px center; background-size:8px 14px; -webkit-border-radius:20px; border-radius:20px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-ls a:hover{ background-color:#00429a;}
.ns-ls a:hover h2, .ns-ls a:hover h3, .ns-ls a:hover p{ color:#fff;}
.ns-ls a:hover span{ background-color:#f6b400;}
@media screen and (max-width:1680px){
.ns-ls a{ height:415px;}
.ns-ig{ height:235px;}
}
@media screen and (max-width:1440px){
.ns-bg{ padding:100px 0 115px;}
.nwLs{ margin-top:28px;}
.nwLs a{ height:34px; line-height:30px; font-size:16px; margin-left:5px;}
.ns-ls{ margin-top:46px;}
.ns-tx{ padding:25px 30px 0;}
.ns-js{ padding:35px 40px 0;}
.ns-js span{ left:40px; bottom:40px; width:130px; height:34px; line-height:34px; font-size:16px; padding-left:15px; background-position:107px center;}
}
@media screen and (max-width:1280px){
.ns-ls a{ height:385px;}
.ns-ig{ height:205px;}
}
@media screen and (max-width:1024px){
.ns-bg{ padding:65px 0 75px;}
.nwLs{ width:100%; margin-top:16px;}
.nwLs a{ height:30px; line-height:28px; font-size:14px; margin:5px 5px 0 0; border:1px solid #00429a;}
.ns-ls{ margin-top:30px;}
.ns-ls a{ height:310px;}
.ns-tx{ height:130px; padding:17px 20px 0;}
.ns-ls h2{ font-size:16px;}
.ns-ls h3{ margin-top:3px;}
.ns-js{ padding:32px 35px 0;}
.ns-js p{ display:none;}
.ns-js span{ left:35px; bottom:35px; width:100px; height:30px; line-height:30px; font-size:14px; background-position:82px center; background-size:6px 10px;}
.ns-ig{ height:180px;}
}
@media screen and (max-width:800px){
.ns-bg{ padding:50px 0 65px;}
.ns-ls a{ height:270px;}
.ns-ig{ height:140px;}
}
@media screen and (max-width:640px){
.ns-ls a{ height:255px;}
.ns-tx{ height:140px; padding:10px 15px 0;}
.ns-ls h2{ font-size:14px;}
.ns-ls h3{ font-size:12px;}
.ns-js{ padding:20px 25px 0;}
.ns-js span{ left:25px; bottom:25px; width:80px; height:24px; line-height:24px; font-size:12px; padding-left:10px; background-position:67px center; background-size:5px 8px;}
.ns-ig{ height:115px;}
}
@media screen and (max-width:480px){
.ns-bg{ padding:40px 0 50px;}
.ns-ls a{ width:100%; height:auto; margin-right:0;}
.ns-ls a:nth-of-type(2), .ns-ls a:nth-of-type(3){ margin-top:20px;}
.ns-tx{ height:auto; padding:17px 20px;}
.ns-ls h2{ font-size:16px;}
.ns-js{ padding:17px 20px 20px;}
.ns-js span{ position:relative; left:0; bottom:0; margin-top:17px;}
.ns-ig{ height:282px;}
}
@media screen and (max-width:414px){
.ns-ig{ height:245px;}
}
@media screen and (max-width:375px){
.ns-ig{ height:220px;}
}
@media screen and (max-width:320px){
.ns-ig{ height:188px;}
}