/* Page Flash */
.slide{ padding-top:80px; position:relative;}
.slide img{ width:100%;}
.focus{ position:absolute; left:0; bottom:80px;}
@media screen and ( max-width:1024px ){
.slide{ padding-top:50px;}
.slide dl{ height:310px;}
.focus{ bottom:50px;}
}

/* Page Public */
.public{ background-color:#fff; padding:80px 0 85px;}
@media screen and (max-width:1024px){
.public{ padding:50px 0 60px;}
}
@media screen and (max-width:640px){
.public{ padding:40px 0 50px;}
}
@media screen and (max-width:480px){
.public{ padding:30px 0 40px;}
}

/* Page About */
.gs-bg{ background-color:#f8f8f8; padding-top:125px; position:relative;}
.profile h2{ font-size:36px; color:#000; line-height:0.9;}
.profile h4{ font-size:16px; color:#666; margin-top: 25px;}
.gs-bg .gs-ls .gs-tx{ width:65%; padding:0 7.25%;}
.gs-bg .gs-ls .gs-tx .profile{ margin:0 0 36px;}
.gs-bg .gs-ls .gs-tx p{ font-size:14px; color:#333; line-height:30px; margin-top:25px;}
.gs-bg .gs-ls .gs-ig{ width:35%;}
.gs-bg .gs-ls .gs-ig img{ width:100%;}
@media screen and ( max-width: 1920px ){
    .gs-bg{ padding-top:80px;}
    .gs-bg .gs-ls{ align-items:flex-end;}
    .gs-bg .gs-ls .gs-tx{ padding:0 5% 92px;}
}
@media screen and ( max-width: 1440px ){    
    .gs-bg .gs-ls .gs-tx{ padding:0 3.5% 92px;}
}
@media screen and ( max-width: 1024px ){
    .gs-bg{ padding-top:50px;}
    .profile h2{ font-size:30px;}
    .profile h4{ font-size:15px; margin-top:16px;}
    .gs-bg .gs-ls{ flex-wrap:wrap;}
    .gs-bg .gs-ls .gs-tx{ width:100%; padding:0 15px 43px;}
    .gs-bg .gs-ls .gs-tx .profile{ margin:0 0 26px;}
    .gs-bg .gs-ls .gs-tx p{ line-height:28px; margin-top:20px;}
    .gs-bg .gs-ls .gs-ig{ width:100%;}
}
@media screen and ( max-width: 640px ){
    .gs-bg{ padding-top:40px;}
    .profile h2{ font-size:24px; line-height:0.95;}
    .profile h4{ font-size:14px;}
    .gs-bg .gs-ls .gs-tx .profile{ margin:0 0 21px;}
}
@media screen and ( max-width: 480px ){
    .gs-bg{ padding-top:30px;}
    .gs-bg .gs-ls .gs-tx{ padding:0 15px 32px;}
    .gs-bg .gs-ls .gs-tx .profile{ margin:0 0 16px;}
    .gs-bg .gs-ls .gs-tx p{ margin-top:15px;}
}

/* history */
.hy-bg{ background-color:#fff; padding:80px 0 91px; position:relative;}
.hy-bg ul{ flex-wrap:wrap;}
.hy-bg ul li{ width:46.5%; margin-top:72px;}
.hy-bg ul li:nth-child(n+3){ margin-top:68px;}
.hy-bg ul li h2{ font-size:18px; color:#333; margin-bottom:18px;}
.hy-bg ul li p{ font-size:14px; color:#666; line-height:30px; margin-top:10px;}	
@media screen and (max-width: 1024px){
    .hy-bg{ padding:50px 0 51px;}
    .hy-bg ul li{ margin-top:42px;}
    .hy-bg ul li:nth-child(n+3){ margin-top:38px;}
}
@media screen and (max-width: 640px){
    .hy-bg{ padding:40px 0 42px;}
    .hy-bg ul li{ width:100%; margin-top:32px;}
    .hy-bg ul li:nth-child(n+3){ margin-top:29px;}
    .hy-bg ul li h2{ margin-bottom:14px;}
    .hy-bg ul li p{ line-height:28px; margin-top:5px;}	
}
@media screen and (max-width: 480px){
    .hy-bg{ padding:30px 0 32px;}
    .hy-bg ul li{ margin-top:22px;}
    .hy-bg ul li:nth-child(n+3){ margin-top:19px;}
}

/* Page Qualification */
.qn-bg{ background-color:#f8f8f8; padding:80px 0 85px;}
.qn-bg .qn-ig{ margin-top:75px;}
.qn-bg .qn-ig img{ width:100%;}
@media screen and (max-width: 1024px){
    .qn-bg{ padding:50px 0 60px;}
    .qn-bg .qn-ig{ margin-top:45px;}
}
@media screen and (max-width: 640px){
    .qn-bg{ padding:40px 0 50px;}
    .qn-bg .qn-ig{ margin-top:35px;}
}
@media screen and (max-width: 480px){
    .qn-bg{ padding:30px 0 40px;}
    .qn-bg .qn-ig{ margin-top:25px;}
}

/* Page Production */
.sc-bg{ background-color:#fff; padding:80px 0 85px; position:relative;}
.sc-bg .profile{ text-align:center;}
.sc-bg ul{ flex-wrap:wrap; margin-top:60px;}
.sc-bg ul li{ width:23%; border-bottom:1px solid #e0e0e0; padding:10px 0;}
.sc-bg ul li:nth-child(-n+4){ border-top:1px solid #e0e0e0;}
.sc-bg .sc-lb{ flex-wrap:wrap; margin-top:75px;}
.sc-bg .sc-lb a{ display:block; width:32%;}
.sc-bg .sc-lb a:nth-child(n+4){ margin-top:2%;}
.sc-bg .sc-lb a img{ width:100%;}
@media screen and (max-width: 1024px){
    .sc-bg{ padding:50px 0 60px;}
    .sc-bg ul{ margin-top:44px;}
    .sc-bg ul li{ width:32%;}
    .sc-bg ul li:nth-child(4){ border-top:none;}
    .sc-bg .sc-lb{ margin-top:50px;}
}
@media screen and (max-width: 640px){
    .sc-bg{ padding:40px 0 50px;}
    .sc-bg ul{ margin-top:34px;}
    .sc-bg ul li{ width:48%; padding:5px 0;}
    .sc-bg ul li:nth-child(3){ border-top:none;}
    .sc-bg .sc-lb{ margin-top:40px;}
    .sc-bg .sc-lb a{ width:48.5%;}
    .sc-bg .sc-lb a:nth-child(n+3){ margin-top:3%;}
}
@media screen and (max-width: 480px){
    .sc-bg{ padding:30px 0 40px;}
    .sc-bg ul{ margin-top:24px;}
    .sc-bg ul li{ width:100%;}
    .sc-bg ul li:nth-child(2){ border-top:none;}
    .sc-bg .sc-lb{ margin-top:30px;}
}

/* Page Testing */
.tg-bg{ background-color:#fff; padding:80px 0 85px; position:relative;}
.tg-bg .profile{ text-align:center;}
.tg-bg .tg-lb{ flex-wrap:wrap; margin-top:60px;}
.tg-bg .tg-lb a{ display:block; width:33%; position:relative;}
.tg-bg .tg-lb a:nth-child(n+4){ width:24.625%; margin-top:0.5%;}
.tg-bg .tg-lb a img{ width:100%;}
.tg-bg .tg-lb a h3{ position:absolute; left:0; bottom:0; width:100%; font-size:15px; font-weight:normal; color:#fff; line-height:26px; text-align:center; padding:5px; background-color:rgba(0,140,207,0.85); text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
@media screen and (max-width: 1024px){
    .tg-bg{ padding:50px 0 60px;}
    .tg-bg .tg-lb{ margin-top:44px;}
    .tg-bg .tg-lb a h3{ font-size:14px; line-height:20px;}
}
@media screen and (max-width: 640px){
    .tg-bg{ padding:40px 0 50px;}
    .tg-bg .tg-lb{ margin-top:34px;}
    .tg-bg .tg-lb a{ width:49.5%;}
    .tg-bg .tg-lb a:nth-child(n+4){ width:49.5%;}
    .tg-bg .tg-lb a:nth-child(n+3){ margin-top:1%;}
}
@media screen and (max-width: 480px){
    .tg-bg{ padding:30px 0 40px;}
    .tg-bg .tg-lb{ margin-top:24px;}
}

/* Page Partners */
.hz-bg{ background-color:#fff; padding:80px 0 85px;}
.hz-bg .profile{ text-align:center;}
.hz-bg .hz-ig{ margin-top:80px; text-align:center;}
.hz-bg .hz-ig img{ width:auto !important; max-width:100%; height:auto !important;}
@media screen and (max-width: 1024px){
    .hz-bg{ padding:50px 0 60px;}
    .hz-bg .hz-ig{ margin-top:50px;}
}
@media screen and (max-width: 640px){
    .hz-bg{ padding:40px 0 50px;}
    .hz-bg .hz-ig{ margin-top:40px;}
}
@media screen and (max-width: 480px){
    .hz-bg{ padding:30px 0 40px;}
    .hz-bg .hz-ig{ margin-top:30px;}
}

/* Page Products */
.pr-bg{ background-color:#f8f8f8;}
.pr-bg .pr-nr{ padding-bottom:85px;}
.fl-ls{ justify-content:center; flex-wrap:wrap; padding:75px 0;}
.fl-ls a{ display:block; font-size:15px; line-height:50px; padding:0 20px; margin:5px; background-color:#fff; transition:all .3s ease;}
.fl-ls a:hover, .fl-ls a.fl{ color:#fff; background-color:#008ccf;}
.pr-ls{ flex-wrap:wrap; justify-content:flex-start;}
.pr-ls a{ width:23.125%; margin-right:2.5%; background-color:#fff;}
.pr-ls a:nth-child(4n){ margin-right:0;}
.pr-ls a:nth-child(n+5){ margin-top:2.5%;}
.pr-ls a dl{ overflow:hidden;}
.pr-ls a dl img{ width:100%; transition:all .5s ease;}
.pr-ls a:hover dl img{ transform:scale(1.2,1.2);}
.pr-ls a h3{ font-size:15px; color:#666; line-height:20px; padding:10px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all .3s ease;}
.pr-ls a:hover h3{ color:#fff; background-color:#008ccf;}
.pr-ls a h3 span{ margin-right:5px;}
@media screen and (max-width: 1024px){
.pr-bg .pr-nr{ padding-bottom:60px;}
.fl-ls{ padding:45px 0;}
.fl-ls a{ font-size:14px; line-height:40px; padding:0 15px;}
.pr-ls a{ width: 31.5%; margin-right:2.75%;}
.pr-ls a:nth-child(4n){ margin-right:2.75%;}
.pr-ls a:nth-child(3n){ margin-right:0;}
.pr-ls a:nth-child(n+4){ margin-top:2.75%;}
.pr-ls a h3{ font-size:14px; padding:5px;}
}
@media screen and (max-width: 640px){
.pr-bg .pr-nr{ padding-bottom:50px;}
.fl-ls{ padding:35px 0;}
.fl-ls a{ line-height:36px; padding:0 12px;}
.pr-ls a{ width: 48.5%; margin-right:3%;}
.pr-ls a:nth-child(3n){ margin-right:3%;}
.pr-ls a:nth-child(2n){ margin-right:0;}
.pr-ls a:nth-child(n+3){ margin-top:3%;}
}

@media screen and (max-width: 480px) {
.pr-bg .pr-nr{ padding-bottom:38px;}
.fl-ls{ padding:25px 0;}
.fl-ls a{ line-height:30px; padding:0 10px;}
}

/* Page Page */
.flip{ display:table; margin:80px auto 0; clear:both;}
.flip a{ display:block; float:left; padding:0 12px; margin:0 2px; color:#666; line-height:28px; background-color:#fff; cursor:pointer;}
.flip a:hover{ color:#fff; background-color:#008ccf;}
.flip a.pgNt{ color:#008ccf;}
.flip a.pgNt:hover{ color:#fff;}
.flip a.pgCn{ padding:0 8px;}
.flip a.pgJt{ font-family:"SimSun", "NSimSun", "FangSong"; color:#a0a0a0;}
.flip a.pgJt:hover{ color:#fff;}
.flip02 a{ background:#fff;}
.flip02 a:hover{ background-color:#008ccf;}
@media screen and (max-width: 1024px){
.flip { margin-top:50px;}
}
@media screen and (max-width: 640px){
.flip { margin-top:40px;}
}
@media screen and ( max-width: 480px ){
.flip { margin-top:28px;}
.flip a{ line-height:24px; padding:0 10px; margin:2px;}
.flip a.pgCn{ padding:0 5px;}
}

/* Page ProductView */
.ps-cn{ background-color:#fff; padding-bottom:85px;}
.ps-cn .ps-wz{ font-size:14px; color:#999; line-height:20px; padding:40px 0;}
.ps-cn .ps-vw{ max-width:800px; margin:auto;}
.ps-cn .ps-vw .ps-ig{ text-align:center;}
.ps-cn .ps-vw .ps-ig img{ width:auto !important; max-width:100%; height:auto !important;}
.ps-cn .ps-vw .ps-tx{ margin-top:25px;}
.ps-cn .ps-vw .ps-tx ul li{ font-size:16px; color:#333; line-height:24px; padding:10px 12px; border-bottom:1px solid #e0e0e0;}
.ps-cn .ps-vw .ps-tx ul li:first-child{ font-size:20px; font-weight:bold; color:#fff; border-bottom:none; background-color:#008ccf;}
.ps-cn .ps-vw .ps-tx img{ width:auto !important; max-width:100%; height:auto !important;}
.cs-xy{ margin-top:50px;}
.cs-xy a{ display:block; font-size:14px; color:#666; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; transition:all .3s ease;}
.cs-xy a:hover{ color:#1d2088;}
.cs-xy a span{ margin-right:5px;}
@media screen and (max-width: 1024px){
    .ps-cn{ padding-bottom:60px;}
    .ps-cn .ps-wz{ padding:25px 0;}
    .cs-xy{ margin-top:40px;}
}
@media screen and (max-width: 640px){
    .ps-cn{ padding-bottom:50px;}
    .ps-cn .ps-vw .ps-tx{ margin-top:15px;}
    .ps-cn .ps-vw .ps-tx ul li{ font-size:14px; padding:6px 10px;}
    .ps-cn .ps-vw .ps-tx ul li:first-child{ font-size:18px;}
    .cs-xy{ margin-top:30px;}
}
@media screen and (max-width: 480px){
    .ps-cn{ padding-bottom:40px;}
    .ps-cn .ps-wz{ padding:15px 0;}
    .cs-xy{ margin-top:25px;}
}

/* Page Related */
.xg-bg { background-color:#f8f8f8; padding-bottom:85px;}
.xg-bg h2{ font-size:36px; color:#333; text-align:center; padding:69px 0 71px;}
@media screen and (max-width: 1024px){
    .xg-bg h2 { font-size: 30px; padding: 41px 0 43px;}
    .xg-bg { padding-bottom:60px;}
}
@media screen and (max-width: 640px){
    .xg-bg h2 { font-size: 24px; padding: 29px 0 32px;}
    .xg-bg { padding-bottom:50px;}
}

/* Page News */
#news .public{ background-color:#f8f8f8;}
.ns-ls li{ float:left; width:30.75%; margin-right:3.875%;}
.ns-ls li:nth-of-type(3n){ margin-right:0;}
.ns-ls li:nth-of-type(n+4){ margin-top:3.875%;}
.ns-ls li a{ display:block; width:100%; height:250px; background-color:#fff; padding:25px 25px 0; position:relative; overflow:hidden; transition:all .3s ease;}
.ns-ls li a h2{ font-size:18px; transition:all .3s ease;}
.ns-ls li a h3{ font-weight:normal; font-size:14px; color:#888; margin-top:5px; transition:all .3s ease;}
.ns-ls li a p{ color:#666; margin-top:8px; word-break:break-all; transition:all .3s ease;}
.ns-ls li a span{ position:absolute; left:25px; bottom:25px; display:block; color:#a0a0a0; transition:all .5s ease;}
.ns-ls li a:hover{ background-color:#008ccf;}
.ns-ls li a:hover h2{ color:#fff;}
.ns-ls li a:hover h3{ color:#fff;}
.ns-ls li a:hover p{ color:#fff;}
.ns-ls li a:hover span{ left:50px; color:#fff;}
.ns-mn{ font-size:30px; font-weight:bold; color:#333; text-align:center; line-height:30px;}
.ns-in{ color:#888; text-align:center; margin-top:19px;}
.ns-in span{ margin:0 5px;}
.ns-js{ margin-top:38px;}
.ns-js img{ width:100%; max-width:750px;}
.ns-nt{ margin-top:38px;}
.ns-nt a{ display:block;color:#999; margin-top:8px;}
.ns-nt a:hover{ color:#00499e;}
@media screen and (max-width:1024px){
.ns-ls li{ width:48.5%; margin-right:3%;}
.ns-ls li:nth-of-type(3n){ margin-right:3%;}
.ns-ls li:nth-of-type(2n){ margin-right:0;}
.ns-ls li:nth-of-type(n+3){ margin-top:3%;}
.ns-ls li a{ height:200px; padding:20px 20px 0;}
.ns-ls li a h2{ font-size:16px;}
.ns-ls li a h3{ margin-top:3px;}
.ns-ls li a span{ left:20px; bottom:20px;}
.ns-ls li a:hover span{ left:35px;}
.ns-mn{ font-size:18px; line-height:27px;}
.ns-in{ margin-top:10px;}
.ns-js{ margin-top:28px;}
.ns-nt{ margin-top:28px;}
}
@media screen and (max-width:640px){
.ns-ls li{ width:100%; margin-right:0;}
.ns-ls li:nth-of-type(3n){ margin-right:0;}
.ns-ls li:nth-of-type(n+2){ margin-top:20px;}
.ns-ls li a{ height:auto; padding:15px;}
.ns-ls li a span{ position:relative; left:0; bottom:0; margin-top:12px;}
.ns-ls li a:hover span{ left:0;}
}

/* Page Contact */
.lx-bg ul li{ width:43.75%;}
.lx-bg ul li h2{ font-size:36px; line-height:1.15;}
.lx-bg ul li p{ font-size:18px; line-height:1.75; margin:16px 0 32px;}
.lx-bg ul li img{ width:100%;}
.lx-bg .lx-lb{ margin: 76px 0 4px;}
.lx-bg .lx-lb a{ display:block; width:43.75%; font-size:24px; font-weight: bold; color:#333; line-height:1.7;}
@media screen and (max-width:1024px){
.lx-bg ul li{ width:47.5%;}
.lx-bg ul li h2{ font-size:24px; line-height:1.75;} 
.lx-bg ul li p{ font-size:16px; margin:7px 0 28px;}
.lx-bg .lx-lb{ margin: 44px 0 4px;}
.lx-bg .lx-lb a{ width:47.5%; font-size:18px;}
}
@media screen and (max-width:640px){
.lx-bg ul{ flex-wrap:wrap;}
.lx-bg ul li{ width:100%;}
.lx-bg ul li:nth-child(n+2){ margin-top:40px;}
}
@media screen and (max-width:480px){
.lx-bg ul li h2{ font-size:20px; line-height:1;} 
.lx-bg ul li p{ margin:10px 0 18px;}
.lx-bg .lx-lb{ flex-wrap:wrap; margin: 34px 0 5px;}
.lx-bg .lx-lb a{ width:100%;}
.lx-bg .lx-lb a:nth-child(n+2){ margin-top:25px;}
}