/* Inside Flash */
.slide{ width:100%; height:500px; background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and ( max-width:1440px ){ .slide{ height:375px;}}
@media screen and ( max-width:1024px ){ .slide{ height:280px;}}
@media screen and ( max-width:640px ){ .slide{ height:180px;}}
@media screen and ( max-width:414px ){ .slide{ height:150px;}}

/* Inside Public */
.pb-bg{ margin:65px 0 75px;}
.pb-zb{ float:left; width:250px;}
.pb-zb h1{ width:100%; height:60px; line-height:60px; font-size:24px; font-weight:500; color:#fff; padding:0 20px; background:#124098;}
.zb-lb{ background:#f0f1f3; border-top:5px solid #e37a1f; padding:15px 15px 10px;}
.zb-lb a{ display:block; font-size:15px; 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.g{ color:#fff; background-color:#124098;}
.zb-lb a span{ float:right; width:15px; height:15px; background:url(../Images/jt.png) no-repeat center; background-size:15px 15px; margin:10px 10px 0 0; opacity:0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.zb-lb a:hover span, .zb-lb a.g span{ margin-right:0; opacity:1;}
.zb-ig{ width:100%; height:165px; background:url(../Images/zbIg.jpg) no-repeat; margin-top:20px;}
.zb-ig a{ display:block; width:100%; height:100%;}
.zb-ms{ width:100%; height:135px; background:url(../Images/zbMs.jpg) no-repeat; margin-top:20px;}
.zb-ms a{ display:block; width:100%; height:100%; color:#fff; line-height:24px; padding:0 85px 0 20px; display:flex; justify-content:center; flex-direction:column;}
.zb-ms a span{ display:block; width:20px; height:20px; background:url(../Images/jt.png) no-repeat center; background-size:20px 20px; margin-top:20px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.zb-ms a:hover span{ margin-left:10px;}
.pb-yb{ margin-left:315px;}
.pb-yb .pb-wl{ color:#888;}
/*.pb-yb .pb-wl span{ font-size:18px; font-weight:500; color:#124098;}*/
.pb-yb .pb-al{ margin-top:35px;}
@media screen and ( max-width:1024px ){
.pb-bg{ margin:45px 0 50px;}
.pb-zb{ float:inherit; width:100%;}
.pb-zb h1{ height:35px; line-height:35px; font-size:18px; padding:0 15px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;}
.zb-lb{ border-top:none; padding:10px; -webkit-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
.zb-lb a{ float:left; height:30px; line-height:30px; margin:5px; padding:0 15px; -webkit-border-radius:15px; border-radius:15px;}
.zb-lb a span{ display:none;}
.zb-ig{ display:none;}
.zb-ms{ display:none;}
.pb-yb{ margin-left:0;}
.pb-yb .pb-wl{ display:none;}
}
@media screen and ( max-width:640px ){
.pb-bg{ margin:30px 0 40px;}
.pb-yb .pb-al{ margin-top:25px;}
}

/* Inside Page */
.page{ display:table; margin:15px auto 0;}
.page a{ display:block; float:left; padding:2px 15px; border:1px solid #f0f0f0; color:#888; margin:5px; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.page a:hover,.page a.pageNext{ color:#fff; border:1px solid #e37a1f; background-color:#e37a1f;}
.page a.pageNext:hover{ font-weight:bold;}
.page a.pageCn{ padding:2px 10px;}
.page a.pageJt{ font-family:"宋体";}
@media screen and ( max-width:800px ){
.page{ margin-top:10px;}
.page a{ padding:0 10px; margin:2px;}
.page a.pageCn{ padding:0 8px;}
}

/* Inside About */
.at-tx{ font-size:16px;}
.at-tx span{ font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei";}
.at-tx p{ margin-top:25px;}
.at-tx img{ width:100%; margin-top:35px;}
@media screen and ( max-width:1024px ){
.at-tx{ font-size:14px;}
.at-tx p{ margin-top:20px;}
}
@media screen and ( max-width:640px ){
.at-tx p{ margin-top:15px;}
}

/* Inside Culture */
.ln-tx{ font-size:16px; margin-bottom:25px;}
.ln-zb{ float:left; width:50%; height:450px; background-color:#f5f5f5; padding:0 50px; font-size:16px; display:flex; justify-content:center; flex-direction:column;}
.ln-zb h1{ font-size:24px; font-weight:500; color:#333; margin:20px 0 5px;}
.ln-zb h1:nth-of-type(1){ margin-top:0;}
.ln-yb{ float:right; width:50%; height:450px; background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:1024px){
.ln-tx{ font-size:14px; margin-bottom:20px;}
.ln-zb{ height:400px; padding:0 25px; font-size:14px;}
.ln-zb h1{ font-size:18px; margin:15px 0 0;}
.ln-yb{ height:400px;}
}
@media screen and (max-width:640px){
.ln-zb{ width:100%; height:auto; padding:20px;}
.ln-yb{ width:100%; height:445px;}
}
@media screen and (max-width:480px){
.ln-yb{ height:325px;}
}
@media screen and (max-width:414px){
.ln-yb{ height:285px;}
}
@media screen and (max-width:375px){
.ln-yb{ height:260px;}
}
@media screen and (max-width:320px){
.ln-yb{ height:225px;}
}

/* Inside Strength */
.sl-ls a{ display:block; float:left; width:49%; height:285px; margin-right:2%; margin-bottom:2%;}
.sl-ls a:nth-of-type(2n){ margin-right:0;}
.sl-ls a:nth-of-type(3), .sl-ls a:nth-of-type(4){ margin-bottom:0;}
.sl-ls a .sl-zb{ float:left; width:60%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sl-ls a .sl-yb{ float:left; width:40%; height:100%; background-color:#f5f5f5; padding:20px; position:relative; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.sl-ls a .sl-yb h2{ font-size:22px; font-weight:500; color:#333; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.sl-ls a .sl-yb p{ color:#555; line-height:24px; margin-top:6px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.sl-ls a .sl-yb span{ position:absolute; left:20px; bottom:25px; display:block; width:80px; height:24px; line-height:24px; border:1px solid #e0e0e0; font-size:12px; color:#888; text-align:center; -webkit-border-radius:12px; border-radius:12px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.sl-ls a:hover .sl-yb{ background-color:#124098;}
.sl-ls a:hover .sl-yb h2, .sl-ls a:hover .sl-yb p{ color:#fff;}
.sl-ls a:hover .sl-yb span{ color:#fff; border-color:#e37a1f; background-color:#e37a1f;}
@media screen and (max-width:1440px){
.sl-ls a{ width:100%; height:350px; margin-right:0; margin-bottom:3%;}
.sl-ls a:nth-of-type(3){ margin-bottom:3%;}
.sl-ls a .sl-zb{ width:50%;}
.sl-ls a .sl-yb{ width:50%; padding:25px;}
.sl-ls a .sl-yb span{ left:25px; bottom:30px;}
}
@media screen and (max-width:1280px){
.sl-ls a{ height:300px;}
}
@media screen and (max-width:1024px){
.sl-ls a{ height:340px;}
}
@media screen and (max-width:800px){
.sl-ls a{ height:265px;}
.sl-ls a .sl-yb{ padding:20px;}
.sl-ls a .sl-yb span{ left:20px; bottom:25px;}
}
@media screen and (max-width:640px){
.sl-ls a{ height:215px;}
}
@media screen and (max-width:480px){
.sl-ls a{ height:auto;}
.sl-ls a .sl-zb{ width:100%; height:320px;}
.sl-ls a .sl-yb{ width:100%; height:auto; padding:15px 20px 20px;}
.sl-ls a .sl-yb h2{ font-size:18px;}
.sl-ls a .sl-yb p{ margin-top:2px;}
.sl-ls a .sl-yb span{ position:relative; left:0; bottom:0; margin-top:15px;}
}

/* Inside Office */
.sl-ig p{ font-size:18px; margin-bottom:25px;}
.sl-ig a{ display:block; float:left; width:48.5%; margin-right:3%; margin-bottom:3%; overflow:hidden; position:relative;}
.sl-ig a:nth-of-type(2n){ margin-right:0;}
.sl-ig a img{ width:100%;}
.sl-ig a dl{ position:absolute; right:0; bottom:0; width:100px; height:30px; font-size:18px; color:#fff; text-align:center; background-color:rgba(18,64,152,.75); display:flex; justify-content:center; flex-direction:column; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.sl-ig a:hover dl{ height:50px; background-color:rgba(18,64,152,.85);}
@media screen and (max-width:1024px){
.sl-ig p{ font-size:16px; margin-bottom:20px;}
.sl-ig a dl{ width:80px; height:24px; font-size:14px;}
.sl-ig a:hover dl{ height:40px;}
}

/* Inside Products */
.pro{ margin-bottom:15px;}
.pro a{ font-size:14px; font-weight:normal; line-height:30px; padding:0 10px; margin-bottom:0; background-color:inherit;}
.pro a:hover, .pro a.p{ font-weight:500; color:#124098; background-color:inherit; padding-left:20px;}
@media screen and (max-width:1024px){.proLs{ display:none;}}
.ig-lb a{ display:block; float:left; width:23.5%; margin-right:2%; margin-bottom:2%; background-color:#f5f5f5; padding:15px; position:relative; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-lb a:hover{ background-color:#124098;}
.ig-lb a:nth-of-type(4n){ margin-right:0;}
.ig-lb a img{ width:100%;}
.ig-lb a dl{ height:88px; line-height:22px; margin-top:10px; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ig-lb a:hover dl{ color:#fff;}
.ig-lb a .ig-jt{ position:absolute; right:30px; bottom:20px; display:block; width:20px; height:20px; background:url(../Images/jt.png) no-repeat center; background-size:20px 20px; opacity:0; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.ig-lb a:hover span{ right:15px; opacity:1;}
@media screen and (max-width:800px){
.ig-lb a{ width:31.5%; margin-right:2.75%; margin-bottom:2.75%; padding:10px;}
.ig-lb a:nth-of-type(4n){ margin-right:2.75%;}
.ig-lb a:nth-of-type(3n){ margin-right:0;}
.ig-lb a dl{ margin-top:8px;}
.ig-lb a .ig-jt{ right:20px; bottom:15px;}
.ig-lb a:hover .ig-jt{ right:10px; opacity:1;}
}
@media screen and (max-width:480px){
.ig-lb a{ width:48.5%; margin-right:3%; margin-bottom:3%; padding:10px;}
.ig-lb a:nth-of-type(4n){ margin-right:3%;}
.ig-lb a:nth-of-type(3n){ margin-right:3%;}
.ig-lb a:nth-of-type(2n){ margin-right:0;}
}

/* Inside ProductView */
.pw-ls{ max-width:530px; margin:0 auto; padding:15px; background-color:#f5f5f5;}
.pw-ig{ text-align:center;}
.pw-ig img{ width:100%;}
.pw-tx{ font-size:18px; padding:15px 0 5px;}
.pw-nt{ margin-top:50px;}
.pw-nt a{ display:block; float:left; width:80px; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; background-color:#124098; -webkit-border-radius:25px; border-radius:25px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.pw-nt a:hover{ background-color:#e37a1f;}
@media screen and (max-width:1024px){
.pw-nt{ margin-top:35px;}
.pw-nt a{ width:65px; height:35px; line-height:35px;}
}
@media screen and (max-width:800px){
.pw-nt{ margin-top:25px;}
.pw-ls{ padding:10px;}
}

/* Inside News */
.ns-lb a{ display:block; width:100%; padding:20px; overflow:hidden; border:5px solid #f5f5f5; margin-bottom:3%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-lb a:hover{ border:5px solid #124098;}
.ns-lb a .ns-im{ float:left; width:30%; height:215px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.ns-lb a .ns-tx{ float:right; width:66%;}
.ns-lb a h3{ font-size:24px; font-weight:500; color:#333;}
.ns-lb a h4{ font-size:14px; font-weight:normal; color:#888; margin-top:5px;}
.ns-lb a p{ font-size:16px; color:#888; line-height:24px; margin-top:10px;}
.ns-lb a dl{ width:100px; line-height:30px; color:#fff; text-align:center; margin-top:35px; background-color:#124098; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-lb a:hover dl{ background-color:#e37a1f;}
@media screen and (max-width:1440px){
.ns-lb a .ns-im{ height:175px;}
.ns-lb a h4{ margin-top:0;}
.ns-lb a p{ margin-top:5px;}
.ns-lb a dl{ margin-top:30px;}
}
@media screen and (max-width:1024px){
.ns-lb a{ padding:15px;}
.ns-lb a h3{ font-size:18px;}
.ns-lb a p{ font-size:14px;}
.ns-lb a dl{ width:80px; line-height:30px; font-size:14px; padding:0 10px; margin-top:20px;}
}
@media screen and (max-width:800px){
.ns-lb a .ns-im{ height:150px;}
}
@media screen and (max-width:640px){
.ns-lb a .ns-im{ height:120px;}
}
@media screen and (max-width:480px){ 
.ns-lb a{ padding:15px; border:2px solid #f5f5f5; margin-bottom:15px;}
.ns-lb a .ns-im{ width:100%; height:255px; margin-bottom:15px;}
.ns-lb a .ns-tx{ width:100%;}
.ns-lb a h4{ margin-top:0;}
.ns-lb a p{ margin-top:5px;}
.ns-lb a dl{ margin:15px 0 5px;}
}
@media screen and (max-width:414px){ 
.ns-lb a .ns-im{ height:220px;}
}
@media screen and (max-width:375px){ 
.ns-lb a .ns-im{ height:200px;}
}
@media screen and (max-width:320px){ 
.ns-lb a .ns-im{ height:165px;}
}

/* Inside NewsView */
.ns-nm{ font-size:30px; font-weight:500; color:#333; text-align:center; padding-top:20px;}
.ns-in{ color:#888; text-align:center; margin-top:10px;}
.ns-in span{ margin:0 5px;}
.ns-js{ margin-top:35px;}
.ns-js img{ width:100%; max-width:500px;}
.ns-nt{ margin-top:35px;}
.ns-nt a{ display:block; font-size:18px; color:#333; margin-top:5px;}
.ns-nt a:hover{ color:#e37a1f;}
@media screen and (max-width:1024px){
.ns-nm{ font-size:24px; padding-top:15px;}
.ns-js{ margin-top:20px;}
.ns-nt{ margin-top:20px;}
.ns-nt a{ margin-top:0;}
}
@media screen and (max-width:640px){ 
.ns-nm{ font-size:18px; padding-top:10px;}
.ns-in{ font-size:12px; margin-top:0;}
.ns-nt a{ font-size:16px;}
}

/* Inside Message */
.ms-ls{ font-size:16px;}
.ms-ls .ms-in{ display:block; width:50%; height:45px; font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:14px; color:#888; padding:0 15px; margin-top:20px; border:none; background-color:#f5f5f5;}
.ms-ls .ms-in:nth-of-type(1){ margin-top:30px;}
.ms-ls .ms-in:nth-of-type(3), .ms-ls .ms-in:nth-of-type(4){ width:75%;}
.ms-ls .ms-tx{ display:block; width:100%; height:250px; font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:14px; color:#888; padding:8px 15px; margin-top:20px; outline:none; resize:none; border:none; background-color:#f5f5f5;}
.ms-ls .ms-sb{ display:block; float:left; width:200px; height:45px; font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:24px; font-weight:500; color:#fff; margin-top:25px; border:none; cursor:pointer; background-color:#124098; -webkit-border-radius:25px; border-radius:25px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ms-ls .ms-sb:hover{ background-color:#e37a1f;}
@media screen and (max-width:1024px){
.ms-ls{ font-size:14px;}
.ms-ls .ms-in{ height:35px; padding:0 10px; margin-top:15px;}
.ms-ls .ms-in:nth-of-type(1){ margin-top:20px;}
.ms-ls .ms-tx{ height:250px; padding:6px 10px; margin-top:15px;}
.ms-ls .ms-sb{ width:150px; height:35px; font-size:18px; margin-top:20px;}
}
@media screen and (max-width:480px){
.ms-ls .ms-in{ width:100%;}
.ms-ls .ms-in:nth-of-type(3), .ms-ls .ms-in:nth-of-type(4){ width:100%;}
}

/* Inside Jobs */
.js-ls{ font-size:16px;}
.js-ls h2{ font-size:18px; font-weight:500; color:#333; margin:30px 0 5px;}
.js-ls span{ font-family:"Source Han Sans CN","PingFang SC","Microsoft YaHei";}
.js-ls ul{ height:250px;}
.js-ls li{ width:100%; height:100%; margin-top:30px;}
.js-ls li .js-zb{ float:left; width:62.5%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.js-ls li .js-yb{ float:left; width:37.5%; height:100%; background-color:#f5f5f5; padding:50px; display:flex; justify-content:center; flex-direction:column;}
.js-ls li .js-yb h1{ font-size:24px; font-weight:500; color:#333; margin-bottom:10px;}
@media screen and (max-width:1024px){
.js-ls{ font-size:14px;}
.js-ls h2{ margin:25px 0 5px;}
.js-ls li{ margin-top:25px;}
.js-ls li .js-yb h1{ font-size:18px; margin-bottom:5px;}
}
@media screen and (max-width:800px){
.js-ls ul{ height:auto;}
.js-ls li .js-zb{ width:100%; height:250px;}
.js-ls li .js-yb{ width:100%; height:auto; padding:25px;}
}
@media screen and (max-width:640px){
.js-ls li .js-zb{ height:150px;}
.js-ls li .js-yb{ padding:15px 20px;}
}

/* Inside Development */
.dl-ls{ font-size:16px;}
.dl-ls ul{ height:400px;}
.fw ul{ height:300px;}
.dl-ls li{ width:100%; height:100%; margin-top:30px;}
.dl-ls li .dl-zb{ float:left; width:50%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.fw li .dl-zb{ width:40%;}
.dl-ls li:nth-of-type(2n+1) .dl-zb{ float:right;}
.dl-ls li .dl-yb{ float:left; width:50%; height:100%; background-color:#f5f5f5; padding:50px; display:flex; justify-content:center; flex-direction:column;}
.fw li .dl-yb{ width:60%;}
.dl-ls li .dl-yb h1{ font-size:24px; font-weight:500; color:#333; margin-bottom:10px;}
@media screen and (max-width:1440px){
.dl-ls ul{ height:300px;}
.fw ul{ height:250px;}
}
@media screen and (max-width:1024px){
.dl-ls{ font-size:14px;}
.dl-ls li{ margin-top:20px;}
.dl-ls li .dl-yb{ padding:35px;}
}
@media screen and (max-width:800px){
.dl-ls ul{ height:235px;}
.fw ul{ height:185px;}
.dl-ls li .dl-yb{ padding:25px;}
}
@media screen and (max-width:640px){
.dl-ls ul{ height:auto;}
.dl-ls li .dl-zb{ width:100%; height:375px;}
.dl-ls li .dl-yb{ width:100%; height:auto; padding:15px 20px;}
.dl-ls li .dl-yb h1{ font-size:18px; margin-bottom:5px;}
}
@media screen and (max-width:480px){
.dl-ls li .dl-zb{ height:280px;}
}
@media screen and (max-width:414px){
.dl-ls li .dl-zb{ height:245px;}
}
@media screen and (max-width:375px){
.dl-ls li .dl-zb{ height:220px;}
}
@media screen and (max-width:320px){
.dl-ls li .dl-zb{ height:185px;}
}

/* Inside Contact */
.lx-tx{ font-size:18px; margin-bottom:25px;}
.lx-zb{ float:left; width:42%; height:480px; font-size:16px; background-color:#f5f5f5; padding:0 50px; display:flex; justify-content:center; flex-direction:column;}
.lx-zb h1{ font-size:24px; color:#333;}
.lx-zb h3{ font-size:14px; font-weight:normal; color:#333; text-transform:uppercase; margin-bottom:10px;}
.lx-yb{ float:right; width:58%; height:480px;}
@media screen and (max-width:1024px){
.lx-tx{ font-size:14px; margin-bottom:20px;}
.lx-zb{ width:100%; height:auto; font-size:14px; padding:25px;}
.lx-zb h1{ font-size:21px;}
.lx-zb h3{ font-size:12px; margin-bottom:5px;}
.lx-yb{ width:100%;}
}