/* 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: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:80px; border-bottom:5px solid #00429a; background-color:#fff;}
.cl-bg .main{ position:relative;}
.cl-bg ul{ float:left; width:75%; position:relative;}
.cl-bg ul li{ float:left; margin-right:40px; position:relative;}
.cl-bg ul li a{ display:block; font-size:18px; font-weight:500; color:#333; line-height:75px;}
.cl-bg ul li a span{ position:absolute; left:0; bottom:-5px; width:0; height:5px; background-color:#f6b400; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.cl-bg ul li a.g, .cl-bg ul li:hover a{ color:#f6b400;}
.cl-bg ul li a.g span, .cl-bg ul li:hover a span{ width:100%;}
.cl-yb{ position:absolute; right:0; top:50%; width:20%; height:40px; margin-top:-20px; background-color:#00429a;}
.cl-in{ display:block; width:100%; height:40px; font-family:"Montserrat-Regular-8","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:12px; color:#fff; padding:0 15px; border:none; background-color:inherit;}
.cl-an{ position:absolute; right:0; bottom:0; width:48px; height:40px;}
.cl-an div{ width:48px; height:40px; overflow:hidden;}
.cl-an div dl{ float:right; width:48px; height:40px; background-color:#f6b400; margin-right:-6px; -webkit-transform:skewX(-15deg); transform:skewX(-15deg);}
.cl-an div i{ position:absolute; right:12px; top:16px; width:16px; height:9px; background:url(../Images/jt03.png) no-repeat center; background-size:16px 9px;}
.cl-an .cl-sb{ position:absolute; right:0; top:0; display:block; width:48px; height:40px; border:none; cursor:pointer; background-color:inherit;}
@media screen and ( max-width:1024px ){
.cl-bg{ height:auto; border-bottom:3px solid #00499e; 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 #00499e; background-color:inherit; margin:8px 5px 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:#ef6910;}
.cl-yb{ display:none;}
}
@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{ font-size:16px;}
.gs-bg span{ font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei";}
.gs-bg p{ margin-top:25px;}
.gs-bg img{ width:100%; margin-top:35px;}
@media screen and ( max-width:1024px ){
.gs-bg{ font-size:14px;}
.gs-bg p{ margin-top:20px;}
.gs-bg img{ margin-top:30px;}
}

/* Page Strength */
.sb-tx{ font-size:16px;}
.sb-tx h3{ font-size:18px; color:#333; margin-bottom:10px;}
.sb-ls a{ display:block; float:left; width:48.625%; margin-right:2.75%; margin-top:2.75%;}
.sb-ls a:nth-of-type(4), .sb-ls a:nth-of-type(5), .sb-ls a:nth-of-type(6), .sb-ls a:nth-of-type(7), .sb-ls a:nth-of-type(8), .sb-ls a:nth-of-type(9){ width:31.5%;}
.sb-ls a:nth-of-type(1){ width:100%;}
.sb-ls a:nth-of-type(1), .sb-ls a:nth-of-type(3), .sb-ls a:nth-of-type(6), .sb-ls a:nth-of-type(9){ margin-right:0;}
.sb-ls a img{ width:100%;}
@media screen and ( max-width:1024px ){
.sb-tx{ font-size:14px;}
.sb-tx h3{ font-size:16px; margin-bottom:5px;}
}
@media screen and ( max-width:800px ){
.sb-tx span{ display:none;}
}
@media screen and ( max-width:480px ){
.sb-ls{ margin-top:10px;}
}

/* Page Honor */
.zs-ls{ max-width:1200px; margin:auto;}
.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:480px ){
.zs-ls{ margin-top:10px;}
.zs-ls a{ width:100%; margin-right:0; margin-top:25px;}
.zs-ls a:nth-of-type(1){ margin-top:15px;}
}

/* Page Culture */
.ln-tx{ float:left; width:50%; height:500px; padding:0 65px; margin-top:35px; background-color:#f5f5f5; display:flex; justify-content:center; flex-direction:column;}
.ln-tx h1{ font-size:18px; color:#333; margin:35px 0 5px;}
.ln-tx h1:nth-of-type(1){ margin-top:0;}
.ln-tx p{ font-size:16px;}
.ln-ig{ float:right; width:50%; height:500px; margin-top:35px; background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and ( max-width:1440px ){
.ln-tx{ height:425px; padding:0 45px;}
.ln-tx h1{ margin-top:25px;}
.ln-ig{ height:425px;}
}
@media screen and ( max-width:1280px ){
.ln-tx{ height:375px; padding:0 35px;}
.ln-tx h1{ margin-top:15px;}
.ln-ig{ height:375px;}
}
@media screen and ( max-width:1024px ){
.ln-tx{ height:335px; padding:0 25px; margin-top:25px;}
.ln-tx h1{ font-size:16px;}
.ln-tx p{ font-size:14px;}
.ln-ig{ height:335px; margin-top:25px;}
}
@media screen and ( max-width:640px ){
.ln-tx{ width:100%; height:auto; padding:20px; margin-top:0;}
.ln-ig{ width:100%; height:415px;}
}
@media screen and ( max-width:480px ){
.ln-ig{ height:310px;}
}
@media screen and ( max-width:414px ){
.ln-ig{ height:265px;}
}
@media screen and ( max-width:375px ){
.ln-ig{ height:245px;}
}
@media screen and ( max-width:320px ){
.ln-ig{ height:205px;}
}

/* Page ProClass */
.pb-zb{ float:left; width:250px;}
.pb-zb dl{ width:100%; background-color:#00429a; color:#fff; padding:20px;}
.pb-zb dl h1{ font-family:"Montserrat-Bold-3"; font-size:24px; text-transform:uppercase;}
.pb-zb dl h2{ font-size:20px;}
.zb-lb{ background:#f0f1f3; border-top:5px solid #f6b400; padding:15px 15px 10px;}
.zb-lb a{ display:block; font-weight:500; color:#333; line-height:35px; padding:0 10px; margin-bottom:10px; background-color:#fff; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.zb-lb a:hover, .zb-lb a.y{ color:#fff; background-color:#00429a;}
.pb-yb{ margin-left:315px;}
.pb-wl{ color:#888;}
.pb-wl span{ color:#00429a;}
@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;}
.zb-lb{ border-top:3px solid #f6b400; padding:10px 10px 5px;}
.zb-lb a{ line-height:30px; margin-bottom:5px;}
.pb-yb{ margin-left:0; padding-top:35px;}
.pb-wl{ display:none;}
}
@media screen and ( max-width:480px ){
.pb-yb{ padding-top:25px;}
}

/* Page Products */
.ps-ls a{ display:block; float:left; width:22.09%; margin-right:3%; margin-top:3%; padding-bottom:10px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ps-ls a:nth-of-type(4n){ margin-right:0;}
.ps-ls a:nth-of-type(1), .ps-ls a:nth-of-type(2), .ps-ls a:nth-of-type(3), .ps-ls a:nth-of-type(4){ margin-top:2.5%;}
.ps-ls a:hover{ background-color:#f6b400;}
.ps-ls a img{ display:block; width:100%; margin-bottom:15px;}
.ps-ls a h2{ font-family:"Montserrat-Bold-3","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:18px; color:#333; height:24px; line-height:24px; overflow:hidden; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ps-ls a h4{ font-weight:normal; line-height:18px; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ps-ls a h3{ font-size:16px; font-weight:500; color:#333; height:30px; line-height:30px; overflow:hidden; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ps-ls a:hover h2, .ps-ls a:hover h4, .ps-ls a:hover h3{ color:#fff; padding:0 15px;}
@media screen and ( max-width:1440px ){
.ps-ls a{ width:30%; margin-right:5%; margin-top:3.5%;}
.ps-ls a:nth-of-type(4n){ margin-right:5%;}
.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:3.5%;}
.ps-ls a:nth-of-type(4){ margin-top:3.5%;}
}
@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;}
}
@media screen and ( max-width:480px ){
.ps-ls a{ width:48.25%; margin-right:3.5%;}
.ps-ls a:nth-of-type(4n){ 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%;}
}

/* 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{ font-family:"Montserrat-Bold-3","Source Han Sans CN","PingFang SC","Microsoft YaHei"; color:#fff; background-color:#f6b400;}
.page a.pageNt{ font-family:"Montserrat-Bold-3"; color:#f6b400;}
.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;}
}

/* Page ProductView */
.ig-pc{ max-width:800px; margin:auto;}
.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:500; padding:5px 10px; background-color:#f5f5f5; -webkit-border-radius:5px; border-radius:5px; -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:#f6b400;}
@media screen and (max-width:1440px){
.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 8px;}
}
@media screen and (max-width:480px){
.ig-al{ margin-top:35px;}
.ig-nt{ margin-top:30px;}
}

/* Page News */
.nw-ls a{ display:block; float:left; width:29.72%; height:450px; margin-right:5.42%; margin-top:50px; background-color:#f5f5f5; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.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 35px 0;}
.nw-ls h2{ font-size:18px; font-weight:500; color:#333; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.nw-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;}
.nw-ig{ width:100%; height:270px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.nw-js{ width:100%; height:100%; padding:40px 45px 0; position:relative;}
.nw-js p{ color:#666; line-height:24px; margin-top:20px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.nw-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;}
.nw-ls a:hover{ background-color:#00429a;}
.nw-ls a:hover h2, .nw-ls a:hover h3, .nw-ls a:hover p{ color:#fff;}
.nw-ls a:hover span{ background-color:#f6b400;}
@media screen and (max-width:1680px){
.nw-ls a{ height:415px;}
.nw-ig{ height:235px;}
}
@media screen and (max-width:1440px){
.nw-tx{ padding:25px 30px 0;}
.nw-js{ padding:35px 40px 0;}
.nw-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){
.nw-ls a{ height:385px;}
.nw-ig{ height:205px;}
}
@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:17px 20px 0;}
.nw-ls h2{ font-size:16px;}
.nw-ls h3{ margin-top:3px;}
.nw-js{ padding:32px 35px 0;}
.nw-js p{ display:none;}
.nw-js span{ left:35px; bottom:35px; width:100px; height:30px; line-height:30px; font-size:14px; background-position:82px center; background-size:6px 10px;}
.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:10px 15px 0;}
.nw-ls h2{ font-size:14px;}
.nw-ls h3{ font-size:12px;}
.nw-js{ padding:20px 25px 0;}
.nw-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;}
.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 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:#333; 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:10px;}
.ns-nt a:hover{ color:#00499e;}
@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 Service */
.kh-ls{ max-width:1200px; margin:auto;}
.kh-ls li{ width:100%; height:300px; margin-top:35px;}
.kh-ls li .kh-ig{ float:left; width:40%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.kh-ls li:nth-of-type(2n) .kh-ig{ float:right;}
.kh-ls li .kh-tx{ float:left; width:60%; height:100%; padding:0 65px; background-color:#f5f5f5; display:flex; justify-content:center; flex-direction:column;}
.kh-ls li .kh-tx h2{ font-size:24px; color:#333;}
.kh-ls li .kh-tx h2 span{ font-family:"064-CAI978"; color:#f6b400;}
.kh-ls li .kh-tx p{ font-size:16px; margin-top:15px;}
@media screen and ( max-width:1680px ){ 
.kh-ls li{ height:315px;}
}
@media screen and ( max-width:1440px ){ 
.kh-ls li{ height:305px;}
}
@media screen and ( max-width:1280px ){ 
.kh-ls li{ height:275px;}
}
@media screen and ( max-width:1024px ){ 
.kh-ls li{ height:235px; margin-top:25px;}
.kh-ls li .kh-tx{ padding:0 35px;}
.kh-ls li .kh-tx h2{ font-size:18px;}
.kh-ls li .kh-tx p{ font-size:14px; line-height:24px; margin-top:10px;}
}
@media screen and ( max-width:800px ){
.kh-ls li{ height:185px;}
}
@media screen and ( max-width:640px ){ 
.kh-ls li{ height:auto;}
.kh-ls li .kh-ig{ width:100%; height:375px;}
.kh-ls li .kh-tx{ width:100%; height:auto; padding:20px;}
.kh-ls li .kh-tx p{ margin-top:6px;}
}
@media screen and ( max-width:480px ){
.kh-ls li .kh-ig{ height:280px;}
}
@media screen and ( max-width:414px ){
.kh-ls li .kh-ig{ height:245px;}
}
@media screen and ( max-width:375px ){
.kh-ls li .kh-ig{ height:215px;}
}
@media screen and ( max-width:320px ){
.kh-ls li .kh-ig{ height:185px;}
}

/* Page Network */
.yx-ig{ text-align:center; margin-top:35px;}
.yx-ig img{ width:100%; max-width:960px;}
@media screen and ( max-width:1024px ){ 
.yx-ig{ margin-top:25px;}
}

/* Page Message */
.ms-ls .ms-it{ float:left; width:48%;}
.ms-ls .ms-it .ms-in{ display:block; width:100%; height:40px; font-family:"Montserrat-Regular-8","Source Han Sans CN","PingFang SC","Microsoft YaHei"; 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:"Montserrat-Regular-8","Source Han Sans CN","PingFang SC","Microsoft YaHei"; 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:"Montserrat-Regular-8","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:18px; font-weight:500; color:#fff; margin-top:25px; border:none; cursor:pointer; background-color:#00429a; -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:#bdbec2;}
.ms-ls .ms-st .ms-sb:hover{ background-color:#f6b400;}
@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 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:#00429a; 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:#f6b400;}
.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;}
}