/* Page Flash */
.slide{ background-repeat:no-repeat; background-position:center; background-size:cover; height:565px;}
@media screen and ( max-width:1440px ){ 
.slide{ height:425px;}
}
@media screen and ( max-width:1366px ){ 
.slide{ height:400px;}
}
@media screen and ( max-width:1280px ){ 
.slide{ height:380px;}
}
@media screen and ( max-width:1024px ){ 
.slide{ height:300px;}
}
@media screen and ( max-width:800px ){ 
.slide{ height:245px;}
}
@media screen and ( max-width:480px ){ 
.slide{ height:165px;}
}
@media screen and ( max-width:375px ){ 
.slide{ height:150px;}
}
@media screen and ( max-width:320px ){ 
.slide{ height:135px;}
}

/* Page Class */
.cl-bg{ width:100%; height:75px; background-color:#f5f5f5;}
.cl-bg .main{ position:relative;}
.cl-bg ul{ display:table; margin:auto;}
.cl-bg ul li{ float:left; margin-right:40px; position:relative;}
.cl-bg ul li a{ display:block; font-size:16px; font-weight:bold; color:#666; line-height:75px;}
.cl-bg ul li a.g, .cl-bg ul li:hover a{ font-weight:900; color:#0095a8;}
.cl-bg ul li a span{ position:absolute; left:0; bottom:0; width:0; height:5px; background-color:#0095a8; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.cl-bg ul li a.g span, .cl-bg ul li:hover a span{ width:100%;}
@media screen and ( max-width:1024px ){
.cl-bg{ height:auto; padding:15px 0;}
.cl-bg ul{ width:100%;}
.cl-bg ul li{ margin-right:30px;}
.cl-bg ul li a{ font-size:14px; line-height:24px;}
.cl-bg ul li a span{ position:inherit; left:0; bottom:0; display:block; float:left; width:8px; height:8px; border:2px solid #d0d0d0; background-color:inherit; margin:8px 8px 0 0; -webkit-border-radius:50%; border-radius:50%;}
.cl-bg ul li a.g span, .cl-bg ul li:hover a span{ width:8px; border-color:#0095a8;}
}
@media screen and ( max-width:640px ){
.cl-bg ul li{ margin-right:20px;}
}
@media screen and ( max-width:480px ){
.cl-bg ul li{ margin-right:15px;}
}

/* Page Public */
.public{ padding:65px 0 85px;}
@media screen and (max-width:1024px){.public{ padding:40px 0 50px;}}
@media screen and (max-width:480px){.public{ padding:30px 0 40px;}}

/* Page About */
.gs-bg p{ margin-top:25px;}
.gs-bg img{ width:100%; margin-top:35px;}
.sb-bg img{ width:100%;}
@media screen and ( max-width:1024px ){
.gs-bg p{ margin-top:20px;}
.gs-bg img{ margin-top:30px;}
}

/* Page Honor */
.zs-ls{ max-width:1200px; margin:auto;}
.zs-ls dl{ font-size:16px;}
.zs-ls a{ display:block; float:left; width:47.5%; margin-right:5%; margin-top:3%;}
.zs-ls a:nth-of-type(2n){ margin-right:0;}
.zs-ls a img{ width:100%;}
@media screen and ( max-width:1024px ){
.zs-ls dl{ font-size:14px;}
}
@media screen and ( max-width:480px ){
.zs-ls a{ width:100%; margin-right:0; margin-top:25px;}
.zs-ls a:nth-of-type(1){ margin-top:15px;}
}

/* Page ProClass */
.pb-zb{ float:left; width:250px;}
.pb-zb dl{ width:100%; background-color:#0095a8; color:#fff; padding:20px;}
.pb-zb dl h1{ font-size:24px; text-transform:uppercase;}
.pb-zb dl h2{ font-size:20px;}
.ig-zb{ background:#f0f0f0; padding:15px 15px 10px;}
.ig-big{ margin-bottom:10px;}
.ig-big-dj{ display:block; width:100%; height:35px; line-height:35px; padding:0 10px; background-color:#fff;}
.ig-big-dj:hover, .big{ font-weight:bold; color:#fff; background-color:#0095a8;}
.ig-big ul{ padding:10px 10px 5px;}
.ig-small-dj{ display:block; height:30px; line-height:30px;}
.ig-small-dj:hover, .small{ font-weight:bold; color:#0095a8;}
.ig-small-dj font{ color:#00479d; margin-right:8px;}
.pb-dw{ width:100%; margin-top:25px;}
.pb-dw a{ display:block; width:100%; height:100%;}
.pb-dw a img{ width:100%;}
.pb-yb{ margin-left:315px;}
.pb-wl{ color:#888;}
@media screen and ( max-width:1024px ){
.pb-zb{ float:inherit; width:100%;}
.pb-zb dl{ padding:10px;}
.pb-zb dl h1{ display:none;}
.pb-zb dl h2{ font-size:18px;}
.ig-zb{ padding:10px 10px 5px;}
.ig-big{ margin-bottom:5px;}
.ig-big-dj{ height:30px; line-height:30px;}
.ig-small-dj{ height:24px; line-height:24px;}
.pb-dw{ display:none;}
.pb-yb{ margin-left:0; padding-top:35px;}
.pb-wl{ display:none;}
}
@media screen and ( max-width:480px ){
.pb-zb dl{ padding:5px 10px;}
.pb-zb dl h2{ font-size:16px;}
.pb-yb{ padding-top:25px;}
}

/* Page Products */
.ps-ls a{ display:block; float:left; width:31%; margin-right:3.5%; margin-top:3.5%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ps-ls a:nth-of-type(3n){ margin-right:0;}
.ps-ls a:nth-of-type(1), .ps-ls a:nth-of-type(2), .ps-ls a:nth-of-type(3){ margin-top:2.5%;}
.ps-ls a img{ display:block; width:100%;}
.ps-ls a h2{ font-size:16px; color:#666; text-align:center; padding:0 10px; height:55px; line-height:54px; border:1px solid #f0f0f0; border-top:none; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ps-ls a:hover h2{ color:#fff; border-color:#0095a8; background-color:#0095a8;}
@media screen and ( max-width:1024px ){
.ps-ls a:nth-of-type(1), .ps-ls a:nth-of-type(2), .ps-ls a:nth-of-type(3){ margin-top:0;}
.ps-ls a h2{ font-size:14px; height:41px; line-height:40px;}
}
@media screen and ( max-width:480px ){
.ps-ls a{ width:48.25%; margin-right:3.5%;}
.ps-ls a:nth-of-type(3n){ margin-right:3.5%;}
.ps-ls a:nth-of-type(2n){ margin-right:0;}
.ps-ls a:nth-of-type(3){ margin-top:3.5%;}
.ps-ls a h2{ height:35px; line-height:34px;}
}

/* Page ProductView */
.ig-pc{ max-width:650px; margin:35px auto 0;}
.ig-js{ max-width:1000px; margin:35px auto 0;}
.ig-pc h2, .ig-js h2{ font-size:24px; color:#666; text-align:center; margin-top:25px;}
.ig-pc img, .ig-js img{ width:100%;}
.ig-al{ margin-top:75px;}
.ig-nt{ margin-top:65px;}
.ig-nt a{ float:left; font-weight:bold; color:#a0a0a0; padding:5px 15px; background-color:#f0f0f0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-nt a:nth-of-type(2){ float:right;}
.ig-nt a:hover{ color:#fff; background-color:#0095a8;}
@media screen and (max-width:1440px){
.ig-js{ margin:0 auto;}
.ig-al{ margin-top:65px;}
.ig-nt{ margin-top:50px;}
}
@media screen and (max-width:1024px){
.ig-pc{ margin-top:0;}
.ig-al{ margin-top:50px;}
.ig-nt{ margin-top:35px;}
.ig-nt a{ padding:5px 10px;}
}
@media screen and (max-width:480px){
.ig-pc h2, .ig-js h2{ font-size:18px; margin-top:15px;}
.ig-al{ margin-top:35px;}
.ig-nt{ margin-top:30px;}
}

/* Page Support */
.st-bg p{ margin-top:25px;}
.st-bg h2{ font-size:18px; color:#333; margin:30px 0 3px;}
.st01{ max-width:430px; margin:auto;}
.st01 img{ width:100%;}
.st02{ max-width:698px; margin:auto;}
.st02 img{ width:100%;}
.st03{ max-width:762px; margin:auto;}
.st03 img{ width:100%;}
.st04{ max-width:1000px; margin:auto;}
.st04 img{ width:100%;}
.st05{ max-width:1060px; margin:auto;}
.st05 img{ width:100%;}
.st06{ max-width:300px; margin:auto;}
.st06 img{ width:100%;}
.st07{ max-width:288px; margin:auto;}
.st07 img{ width:100%;}
.st08{ max-width:362px; margin:auto;}
.st08 img{ width:100%;}
.st09{ max-width:800px; margin:auto;}
.st09 img{ width:100%;}
@media screen and (max-width:1024px){
.st-bg h2{ font-size:16px;}
}

/* Page Message */
.ms-ls .ms-it{ float:left; width:48%;}
.ms-ls .ms-it .ms-in{ display:block; width:100%; height:40px; font-family:-apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif; color:#888; padding:0 15px; margin-top:25px; border:none; background-color:#f5f5f5; -webkit-border-radius:5px; border-radius:5px;}
.ms-ls .ms-st{ float:right; width:48%;}
.ms-ls .ms-st .ms-tx{ display:block; width:100%; height:170px; font-family:-apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif; color:#888; padding:8px 15px; margin-top:25px; outline:none; resize:none; border:none; background-color:#f5f5f5; -webkit-border-radius:5px; border-radius:5px;}
.ms-ls .ms-st .ms-sb{ display:block; float:left; width:47%; height:40px; font-family:-apple-system, "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif; font-size:18px; font-weight:500; color:#fff; margin-top:25px; border:none; cursor:pointer; background-color:#0095a8; -webkit-border-radius:5px; border-radius:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ms-ls .ms-st .ms-sb:nth-of-type(2){ float:right; background-color:#c0c0c0;}
.ms-ls .ms-st .ms-sb:hover{ background-color:#00469c;}
@media screen and (max-width:1024px){
.ms-ls .ms-it .ms-in{ height:35px; padding:0 10px; margin-top:20px; -webkit-border-radius:3px; border-radius:3px;}
.ms-ls .ms-st .ms-tx{ height:145px; padding:5px 10px; margin-top:20px; -webkit-border-radius:3px; border-radius:3px;}
.ms-ls .ms-st .ms-sb{ height:35px; margin-top:20px; -webkit-border-radius:3px; border-radius:3px;}
}
@media screen and (max-width:480px){
.ms-ls .ms-st .ms-sb{ font-size:16px;}
}

/* Page News */
.nw-ls a{ display:block; float:left; width:31%; height:415px; margin-right:3.5%; margin-top:50px; background-color:#f5f5f5;}
.nw-ls a:nth-of-type(3n){ margin-right:0;}
.nw-ls a:nth-of-type(1), .nw-ls a:nth-of-type(2), .nw-ls a:nth-of-type(3){ margin-top:10px;}
.nw-tx{ width:100%; height:180px; padding:30px 30px 0;}
.nw-ls h2{ font-size:18px; font-weight:bold; color:#666; line-height:28px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.nw-ls a:hover h2{ color:#0095a8;}
.nw-ls h3{ font-size:14px; font-weight:normal; color:#a0a0a0; margin-top:4px;}
.nw-ig{ width:100%; height:235px; overflow:hidden;}
.nw-ig dl{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.nw-js{ width:100%; height:100%; padding:30px 30px 0; position:relative;}
.nw-js p{ color:#666; line-height:24px; margin-top:20px;}
.nw-js span{ position:absolute; left:30px; bottom:35px; display:block; width:100px; height:30px; line-height:30px; color:#fff; text-align:center; background-color:#0095a8; -webkit-border-radius:15px; border-radius:15px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.nw-ls a:hover span{ background-color:#00469c;}
@media screen and (max-width:1024px){
.nw-ls a{ height:310px; margin-top:35px;}
.nw-ls a:nth-of-type(1), .nw-ls a:nth-of-type(2), .nw-ls a:nth-of-type(3){ margin-top:0;}
.nw-tx{ height:130px; padding:20px 20px 0;}
.nw-ls h2{ font-size:16px; line-height:24px;}
.nw-ls h3{ margin-top:3px;}
.nw-js{ padding:20px 20px 0;}
.nw-js p{ display:none;}
.nw-js span{ left:20px; bottom:25px; width:88px; height:24px; line-height:24px; font-size:12px;}
.nw-ig{ height:180px;}
}
@media screen and (max-width:800px){
.nw-ls a{ height:270px;}
.nw-ig{ height:140px;}
}
@media screen and (max-width:640px){
.nw-ls a{ height:255px;}
.nw-tx{ height:140px; padding:15px 15px 0;}
.nw-ls h2{ font-size:14px;}
.nw-ls h3{ font-size:12px;}
.nw-js{ padding:15px 15px 0;}
.nw-js span{ left:25px; bottom:25px; width:80px;}
.nw-ig{ height:115px;}
}
@media screen and (max-width:480px){
.nw-ls a{ width:100%; height:auto; margin-right:0; margin-top:20px;}
.nw-ls a:nth-of-type(2), .nw-ls a:nth-of-type(3){ margin-top:20px;}
.nw-tx{ height:auto; padding:17px 20px;}
.nw-ls h2{ font-size:16px;}
.nw-js{ padding:17px 20px 20px;}
.nw-js p{ display:block; margin-top:7px;}
.nw-js span{ position:relative; left:0; bottom:0; margin-top:17px;}
.nw-ig{ height:282px;}
}
@media screen and (max-width:414px){
.nw-ig{ height:245px;}
}
@media screen and (max-width:375px){
.nw-ig{ height:220px;}
}
@media screen and (max-width:320px){
.nw-ig{ height:188px;}
}

/* Page NewsView */
.ns-mn{ font-size:24px; font-weight:bold; color:#666; text-align:center;}
.ns-in{ color:#888; text-align:center; margin-top:10px;}
.ns-in span{ margin:0 5px;}
.ns-js{ margin-top:30px;}
.ns-js img{ width:100%; max-width:640px;}
.ns-nt{ margin-top:30px;}
.ns-nt a{ display:block; font-size:16px; color:#888; margin-top:5px;}
.ns-nt a:hover{ color:#0095a8;}
@media screen and (max-width:1024px){
.ns-mn{ font-size:18px; line-height:24px;}
.ns-js{ margin-top:25px;}
.ns-nt{ margin-top:25px;}
.ns-nt a{ font-size:14px;}
}

/* Page Contact */
.lx-ls li{ float:left; width:32%; margin-right:2%; margin-top:45px; cursor:pointer;}
.lx-ls li:nth-of-type(3n){ margin-right:0;}
.lx-ls li:nth-of-type(1), .lx-ls li:nth-of-type(2), .lx-ls li:nth-of-type(3){ margin-top:0;}
.lx-ls li h2{ float:left; width:60px; height:60px; margin-right:15px; background-color:#0095a8; background-repeat:no-repeat; background-position:center; background-size:30px 30px; -webkit-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.lx-ls li:hover h2{ background-color:#00469c;}
.lx-ls li p{ height:60px; font-size:16px; line-height:20px; display:flex; justify-content:center; flex-direction:column;}
@media screen and (max-width:1024px){ 
.lx-ls li{ width:49%; margin-top:35px;}
.lx-ls li:nth-of-type(3n){ margin-right:2%;}
.lx-ls li:nth-of-type(2n){ margin-right:0;}
.lx-ls li:nth-of-type(3){ margin-top:35px;}
.lx-ls li h2{ width:50px; height:50px; background-size:24px 24px;}
.lx-ls li p{ height:50px; font-size:14px;}
}
@media screen and (max-width:480px){ 
.lx-ls li{ width:100%; margin-top:20px;}
.lx-ls li h2{ width:40px; height:40px; background-size:20px 20px;}
.lx-ls li p{ height:40px;}
.lx-ls li:nth-of-type(2), .lx-ls li:nth-of-type(3){ margin-top:20px;}
}

/* Page Page */
.page{ display:table; margin:50px auto 0;}
.page a{ display:block; float:left; padding:5px 15px; margin:5px; background-color:#f5f5f5; cursor:pointer; -webkit-border-radius:5px; border-radius:5px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.page a:hover{ color:#fff; background-color:#0095a8;}
.page a.pageNt{ font-weight:bold; color:#0095a8;}
.page a.pageNt:hover{ color:#fff;}
.page a.pageCn{ padding:5px 10px;}
.page a.pageJt{ font-family:"SimSun", "NSimSun", "FangSong"; color:#888;}
@media screen and ( max-width:1024px ){
.page{ margin:35px auto 0;}
}
@media screen and ( max-width:640px ){
.page{ margin:25px auto 0;}
.page a{ line-height:22px; padding:2px 10px; margin:3px;}
.page a.pageCn{ padding:2px 5px;}
}