/* Inside Flash */
.slide{ width:100%; height:650px; background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and ( max-width:1680px ){ .slide{ height:565px;}}
@media screen and ( max-width:1440px ){ .slide{ height:485px;}}
@media screen and ( max-width:1366px ){ .slide{ height:465px;}}
@media screen and ( max-width:1280px ){ .slide{ height:435px;}}
@media screen and ( max-width:1024px ){ .slide{ height:345px;}}
@media screen and ( max-width:800px ){ .slide{ height:275px;}}
@media screen and ( max-width:640px ){ .slide{ height:215px;}}
@media screen and ( max-width:480px ){ .slide{ height:165px;}}
@media screen and ( max-width:414px ){ .slide{ height:145px;}}
@media screen and ( max-width:320px ){ .slide{ height:125px;}}

/* Inside About */
.ab-ls li{ float:left; width:50%; height:650px; background-color:#fff;}
.ab-ls li.tx{ padding:0 65px; display:flex; justify-content:center; flex-direction:column;}
.ab-ls li.tx h1{ font-family:"Montserrat-Bold-3"; font-size:30px; color:#1350a8; text-transform:uppercase;}
.ab-ls li.tx h2{ font-family:"SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:24px; color:#333; margin:3px 0 15px;}
.ab-ls li.tx p{ font-size:14px; color:#888; margin-top:10px;}
.ab-ls li.tx p span{ font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei";}
.ab-ls li.ig{ background:url(../Images/company.jpg) no-repeat center; background-size:cover;}
.ln-bg{ width:100%; padding:100px 0; color:#666; background:url(../Images/culture.jpg) no-repeat center; background-size:cover;}
.ln-bg h1{ font-family:"Montserrat-Bold-3"; font-size:30px; color:#1350a8; text-transform:uppercase;}
.ln-bg h2{ font-family:"SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:24px; color:#333; margin:3px 0 28px;}
.ln-bg h3{ font-size:18px; font-weight:500; color:#1350a8; margin-bottom:5px;}
.ln-bg span{ font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei";}
@media screen and ( max-width:1680px ){ 
.ab-ls li{ height:565px;}
}
@media screen and ( max-width:1440px ){ 
.ab-ls li{ height:510px;}
.ab-ls li.tx{ padding:0 35px;}
.ab-ls li.tx h2{ margin-bottom:5px;}
}
@media screen and ( max-width:1280px ){ 
.ab-ls li{ float:inherit; width:100%; height:auto;}
.ab-ls li.tx{ padding:35px;}
.ab-ls li.ig{ height:680px; background-image:url(../Images/profile.jpg);}
}
@media screen and ( max-width:1150px ){ 
.ab-ls li.ig{ height:615px;}
}
@media screen and ( max-width:1024px ){ 
.ab-ls li.tx{ padding:25px;}
.ab-ls li.tx h1{ font-size:24px;}
.ab-ls li.tx h2{ font-size:22px; margin-top:0;}
.ab-ls li.ig{ height:565px;}
.ln-bg{ padding:65px 0;}
}
@media screen and ( max-width:800px ){ 
.ab-ls li.ig{ height:435px;}
.ln-bg{ padding:50px 0;}
.ln-bg h1{ font-size:24px;}
.ln-bg h2{ font-size:22px; margin-top:0;}
}
@media screen and ( max-width:640px ){ 
.ab-ls li.ig{ height:350px;}
}
@media screen and ( max-width:480px ){ 
.ab-ls li.ig{ height:265px;}
.ln-bg{ padding:35px 0;}
}
@media screen and ( max-width:414px ){ 
.ab-ls li.ig{ height:225px;}
}
@media screen and ( max-width:375px ){ 
.ab-ls li.ig{ height:205px;}
}
@media screen and ( max-width:320px ){ 
.ab-ls li.ig{ height:175px;}
}

/* Inside Products */
.ig-bg{ margin:100px 0;}
.proImg{ width:90%; max-width:1002px; margin:auto;}
.ig-ls a{ display:block; float:left; width:48.5%; margin-top:3%; margin-right:3%; padding:10px 10px 25px; background-color:#fff; text-align:center; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a:nth-of-type(1), .ig-ls a:nth-of-type(2){ margin-top:0;}
.ig-ls a:nth-of-type(2n){ margin-right:0;}
.ig-ls a img{ width:100%;}
.ig-ls a h1{ font-family:"Montserrat-Bold-3","SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:30px; color:#1350a8; text-transform:uppercase; line-height:30px; margin-top:15px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a h3{ font-family:"SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:22px; color:#333; margin-top:4px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a span{ display:block; width:30px; height:30px; line-height:28px; border:1px solid #f0f0f0; font-size:24px; color:#888; margin:15px auto 0; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-ls a:hover{ background-color:#1350a8;}
.ig-ls a:hover h1, .ig-ls a:hover h3{ color:#fff;}
.ig-ls a:hover span{ color:#fff; border-color:#fff;}
@media screen and (max-width:1024px){ 
.ig-bg{ margin:65px 0;}
.proImg{ width:93%; max-width:inherit; margin:0 3.5%;}
}
@media screen and (max-width:800px){ 
.ig-bg{ margin:50px 0;}
}
@media screen and (max-width:480px){ 
.ig-bg{ margin:35px 0;}
.ig-ls a{ padding:0 0 10px;}
.ig-ls a h1{ font-size:22px; line-height:22px; margin-top:0;}
.ig-ls a h3{ font-family:"Noto Sans CJK SC","PingFang SC","Source Han Sans CN","Microsoft YaHei"; font-size:16px; margin-top:0;}
.ig-ls a span{ display:none;}
.ig-ls a:hover{ background-color:#fff;}
.ig-ls a:hover h1{ color:#1350a8;}
.ig-ls a:hover h3{ color:#333;}
}

/* Inside ProductView */
.proView .db-bg{ background-color:rgba(0, 0, 0, .85);}
.proBg{ margin:180px 0 100px;}
.proMore img{ width:100%;}
@media screen and (max-width:1024px){ 
.proBg{ margin:65px 0;}
}
@media screen and (max-width:800px){ 
.proBg{ margin:50px 0;}
}
@media screen and (max-width:480px){ 
.proBg{ margin:35px 0;}
}

/* Page Idea */
.ie-bg{ width:100%; padding:75px 5% 100px;}
.ie-bg h1{ font-family:"SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:30px;}
.ie-bg p{ color:#888; margin-top:13px;}
.ie-bg ul{ margin-top:28px;}
.ie-bg ul li{ float:left; width:25%; background-color:#fff; border-right:1px solid #f0f0f0;}
.ie-bg ul li:nth-of-type(4){ border-right:none;}
.ie-bg ul li h2{ width:95px; height:95px; margin:65px auto 25px; background-color:#1350a8; background-repeat:no-repeat; background-position:center; background-size:75px 75px; cursor:pointer; -webkit-border-radius:50%; border-radius:50%;}
.ie-bg ul li h3{ font-family:"Noto Sans CJK SC","PingFang SC","Source Han Sans CN","Microsoft YaHei"; font-size:18px; text-align:center;}
.ie-bg ul li dl{ margin:5px 35px 50px; color:#888; line-height:24px;}
@media screen and (max-width:1024px){ 
.ie-bg{ padding:50px 3.5% 65px;}
.ie-bg h1{ font-size:24px;}
.ie-bg p{ line-height:24px;}
.ie-bg ul li h2{ width:80px; height:80px; margin:35px auto 20px;}
.ie-bg ul li dl{ margin:5px 25px 35px;}
}
@media screen and (max-width:800px){ 
.ie-bg{ padding:35px 3.5% 50px;}
.ie-bg ul li{ width:50%;}
.ie-bg ul li:nth-of-type(2){ border-right:none;}
.ie-bg ul li:nth-of-type(1), .ie-bg ul li:nth-of-type(2){ border-bottom:1px solid #f0f0f0;}
}
@media screen and (max-width:640px){ 
.ie-bg{ padding:25px 3.5% 35px;}
.ie-bg h1{ font-family:"Noto Sans CJK SC","PingFang SC","Source Han Sans CN","Microsoft YaHei"; font-size:18px;}
.ie-bg p{ margin-top:10px;}
.ie-bg ul{ margin-top:20px;}
.ie-bg ul li h2{ margin:35px auto 15px;}
.ie-bg ul li h3{ font-size:16px;}
.ie-bg ul li dl{ margin:5px 20px 35px;}
}
@media screen and (max-width:480px){ 
.ie-bg ul li{ width:100%;}
.ie-bg ul li:nth-of-type(3){ border-bottom:1px solid #f0f0f0;}
}

/* Page Network */
.nk-bg{ width:100%; height:500px; background-color:#fff;}
.nk-zb{ float:left; width:60%; height:100%; background-image:url(../Images/network.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.nk-yb{ float:left; width:40%; height:100%; padding:0 75px; overflow:hidden; display:flex; justify-content:center; flex-direction:column;}
.nk-yb h1{ font-family:"SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:30px;}
.nk-yb p{ color:#888; margin-top:25px;}
@media screen and (max-width:1440px){ 
.nk-bg{ height:375px;}
}
@media screen and (max-width:1024px){ 
.nk-bg{ height:285px;}
.nk-yb{ padding:0 50px;}
.nk-yb h1{ font-size:24px;}
.nk-yb p{ font-size:14px; margin-top:15px;}
}
@media screen and (max-width:800px){ 
.nk-bg{ height:auto;}
.nk-zb{ width:100%; height:380px;}
.nk-yb{ width:100%; height:auto; padding:45px 25px 35px;}
}
@media screen and (max-width:640px){ 
.nk-zb{ height:270px;}
.nk-yb{ padding:25px 3.5%;}
.nk-yb h1{ font-family:"Noto Sans CJK SC","PingFang SC","Source Han Sans CN","Microsoft YaHei"; font-size:18px;}
.nk-yb p{ margin-top:5px;}
}
@media screen and (max-width:480px){ 
.nk-zb{ height:210px;}
}
@media screen and (max-width:414px){ 
.nk-zb{ height:180px;}
}
@media screen and (max-width:375px){ 
.nk-zb{ height:165px;}
}
@media screen and (max-width:320px){ 
.nk-zb{ height:145px;}
}

/* Page AfterSale */
.as-bg{ width:100%; margin-top:100px; padding:75px 5% 100px; background-color:#fff;}
.as-bg h1{ font-family:"SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:30px;}
.as-bg p{ color:#888; margin-top:13px;}
.as-bg h3{ font-family:"SimHei","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:22px; color:#1350a8; margin:35px 0 10px;}
.as-bg dl{ font-size:18px; color:#888;}
@media screen and (max-width:1024px){ 
.as-bg{ margin-top:65px; padding:50px 3.5% 65px;}
.as-bg h1{ font-size:24px;}
.as-bg h3{ font-family:"Noto Sans CJK SC","PingFang SC","Source Han Sans CN","Microsoft YaHei"; font-size:18px; margin:25px 0 5px;}
}
@media screen and (max-width:800px){ 
.as-bg{ margin-top:50px; padding:35px 3.5% 50px;}
}
@media screen and (max-width:640px){ 
.as-bg{ margin-top:35px; padding:25px 3.5% 35px;}
.as-bg h1{ font-family:"Noto Sans CJK SC","PingFang SC","Source Han Sans CN","Microsoft YaHei"; font-size:18px;}
.as-bg p{ line-height:24px; margin-top:5px;}
.as-bg h3{ font-size:16px;}
}

/* Page Contact */
.lx-ls{ padding:50px 0; background-color:#fff; position:relative;}
.lx-ls ul li{ float:left; width:32%; margin:25px 2% 25px 0;}
.lx-ls ul li:nth-of-type(3n){ margin-right:0;}
.lx-ls ul li h2{ float:left; width:50px; height:50px; margin-right:15px; background-color:#1350a8; background-repeat:no-repeat; background-position:center; background-size:24px 24px; -webkit-border-radius:50%; border-radius:50%;}
.lx-ls ul li p{ font-size:18px; height:50px; line-height:25px; overflow:hidden; display:flex; justify-content:center; flex-direction:column;}
.qrcode{ position:absolute; left:0; bottom:0; height:50px;}
@media screen and (max-width:1024px){ 
.lx-ls{ padding:35px 0;}
.lx-ls ul li{ width:49%; margin:20px 2% 20px 0;}
.lx-ls ul li:nth-of-type(3n){ margin-right:2%;}
.lx-ls ul li:nth-of-type(2n){ margin-right:0;}
}
@media screen and (max-width:640px){ 
.lx-ls ul li{ width:100%; margin:15px 0;}
.lx-ls ul li h2{ width:40px; height:40px; margin-right:10px; background-size:18px 18px;}
.lx-ls ul li p{ font-size:16px; height:40px; line-height:20px;}
}
@media screen and (max-width:480px){ 
.lx-ls ul li{ margin:10px 0;}
}

/* Page Qrcode */
.qr-bg{ width:100%; padding:85px 0;}
.qr-bg .qr-ls{ display:table; margin:auto;}
.qr-bg .qr-ls a{ display:block; float:left; color:#000; text-align:center; background-color:#fff; margin:0 25px; padding-bottom:15px; -webkit-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.05); box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.05);}
.qr-bg .qr-ls a img{ display:block; width:150px; -webkit-border-radius:5px; border-radius:5px;}
@media screen and (max-width:1024px){ 
.qr-bg{ padding:65px 0;}
.qr-bg .qr-ls a{ margin:0 20px;}
}
@media screen and (max-width:800px){ 
.qr-bg{ padding:50px 0;}
.qr-bg .qr-ls a{ margin:0 15px;}
}
@media screen and (max-width:640px){ 
.qr-bg .qr-ls a{ margin:0 10px; padding-bottom:10px;}
.qr-bg .qr-ls a img{ width:120px;}
}
@media screen and (max-width:480px){ 
.qr-bg{ padding:45px 0 25px;}
.qr-bg .qr-ls a{ float:inherit; margin:0 0 25px; padding-bottom:15px;}
.qr-bg .qr-ls a img{ width:150px;}
}