/* Inside Flash */
.slide{ width:100%; height:650px; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;}
.apply{ position:absolute; left:0; bottom:0; width:2px; height:60px;}
@media screen and ( max-width:1440px ){
.slide{ height:550px;}
}
@media screen and ( max-width:1280px ){
.slide{ height:500px;}
}
@media screen and ( max-width:1024px ){
.slide{ height:380px;}
}
@media screen and ( max-width:800px ){
.slide{ height:300px;}
}
@media screen and ( max-width:480px ){
.slide{ height:200px;}
}

/* Inside Public */
.pb-bg{ margin:65px 0 75px;}
.pb-ls a{ display:block; float:left; height:60px; line-height:58px; border:1px solid #e8e8e8; border-right:none; font-size:24px; color:#333; font-weight:500; text-align:center; position:relative;}
.pb-ls a:hover, .pb-ls a.hv{ color:#fff; background-color:#072d53;}
.pb-ny{ margin-top:45px;}
@media screen and (max-width:1024px){
.pb-bg{ margin:45px 0 50px;}
.pb-ls a{ height:50px; line-height:48px; font-size:18px;}
.pb-ny{ margin-top:35px;}
}
@media screen and (max-width:480px){
.pb-bg{ margin:35px 0 40px;}
.pb-ls a{ height:40px; line-height:38px; font-size:16px;}
.pb-ny{ margin-top:25px;}
}

.page{ display:table; margin:25px auto 0;}
.page a{ display:block; float:left; padding:5px 20px; border:1px solid #f0f0f0; font-family:"AVGARDM","Source Han Sans CN","PingFang SC","Microsoft YaHei"; color:#888; margin:0 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:5px 15px;}
@media screen and ( max-width:800px ){
.page{ margin-top:15px;}
.page a{ padding:0 12px; margin:0 2px;}
.page a.pageCn{ padding:0 8px;}
}

/* Inside About */
#about .pb-ls a{ width:50%;}
#about .pb-ls a:nth-of-type(2){ border-right:1px solid #e8e8e8;}
.gy-bg{ font-size:18px;}
.gy-bg p{ margin-top:15px;}
.gy-bg span{ font-family:"AVGARDM";}
.gy-bg .gy-ls{ width:100%; height:500px; margin:25px 0;}
.gy-bg .ln{ height:600px;}
.gy-bg .gy-ls .gy-zb{ float:left; width:50%; height:100%; background-color:#f5f5f5; padding:0 4%; font-family:"AVGARDM","Source Han Sans CN","PingFang SC","Microsoft YaHei"; display:flex; justify-content:center; flex-direction:column;}
.gy-bg .gy-ls .gy-zb h1{ font-size:24px; font-weight:500; color:#333; margin-bottom:5px;}
.gy-bg .gy-ls .gy-zb h2{ font-size:18px; font-weight:500; color:#333; margin-top:15px;}
.gy-bg .gy-ls .gy-zb h2:nth-of-type(1){ margin-top:0;}
.gy-bg .gy-ls .gy-zb p{ margin-top:10px;}
.gy-bg .gy-ls .gy-yb{ float:left; width:50%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:1024px){
.gy-bg{ font-size:14px;}
.gy-bg p{ margin-top:10px;}
.gy-bg .gy-ls{ height:450px;}
.gy-bg .ln{ height:600px;}
.gy-bg .gy-ls .gy-zb h1{ font-size:18px;}
.gy-bg .gy-ls .gy-zb h2{ margin-top:10px;}
.gy-bg .gy-ls .gy-zb p{ margin-top:0;}
}
@media screen and (max-width:640px){
.gy-bg .gy-ls{ height:auto;}
.gy-bg .gy-ls .gy-zb{ width:100%; height:auto; padding:20px;}
.gy-bg .gy-ls .gy-yb{ width:100%; height:500px; margin-bottom:20px;}
}
@media screen and (max-width:480px){
.gy-bg .gy-ls .gy-yb{ height:370px;}
.gy-bg .ln .gy-yb{ height:440px;}
}
@media screen and (max-width:375px){
.gy-bg .gy-ls .gy-yb{ height:290px;}
.gy-bg .ln .gy-yb{ height:350px;}
}

/* Inside Case */
.cs-ls li{ width:100%; height:400px; margin-bottom:50px; position:relative;}
.cs-ls li .cs-zb{ float:left; width:50%; height:100%; background-color:#f5f5f5; padding:0 5%; font-size:18px; display:flex; justify-content:center; flex-direction:column;}
.cs-ls li:nth-of-type(2n) .cs-zb{ float:right;}
.cs-ls li .cs-zb h1{ font-size:30px; font-weight:500; color:#333; margin-bottom:15px;}
.cs-ls li .cs-yb{ float:left; width:50%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
@media screen and (max-width:1024px){
.cs-ls li{ height:320px; margin-bottom:30px;}
}
@media screen and (max-width:800px){
.cs-ls li{ height:250px;}
}
@media screen and (max-width:640px){
.cs-ls li{ height:auto;}
.cs-ls li .cs-zb{ width:100%; height:auto; padding:20px; font-size:16px;}
.cs-ls li .cs-zb h1{ font-size:24px; margin-bottom:5px;}
.cs-ls li .cs-yb{ width:100%; height:400px;}
}
@media screen and (max-width:480px){
.cs-ls li .cs-yb{ height:300px;}
}
@media screen and (max-width:375px){
.cs-ls li .cs-yb{ height:230px;}
}

/* Inside Service */
#service .pb-ls a{ width:33.333333%;}
#service .pb-ls a:nth-of-type(3){ border-right:1px solid #e8e8e8;}
.sv-bg{ font-size:16px;}
.sv-bg h1{ font-size:24px; font-weight:500; color:#333; margin:25px 0 10px;}
.sv-bg img{ float:right; width:45%; margin-top:100px; margin-bottom:20px; margin-left:50px;}
.adv img{ margin-top:30px; margin-left:85px;}
.sv-bg p{ margin-top:20px;}
.sv-bg p span{ font-family:"AVGARDM";}
.sv-bg p strong{ color:#333;}
.ps-bg li{ float:left; width:45%; margin:5% 10% 5% 0; padding:50px 15px; background-color:#f5f5f5; -webkit-border-radius:5px; border-radius:5px;}
.ps-bg li:nth-of-type(2n){ margin-right:0;}
.ps-bg li div{ width:120px; height:120px; border:3px solid #e8e8e8; background-color:#fff; background-repeat:no-repeat; background-position:center; margin:auto; -webkit-border-radius:50%; border-radius:50%;}
.ps-bg li dl{ font-size:24px; color:#333; text-align:center; margin-top:25px;}
.ps-bg li dl strong{ color:#e37a1f;}
@media screen and (max-width:1024px){
.sv-bg{ font-size:14px;}
.sv-bg h1{ font-size:20px; margin:20px 0 5px;}
.sv-bg img{ margin-top:85px;}
.ps-bg li{ width:47.5%; margin:2.5% 5% 2.5% 0;}
.ps-bg li div{ width:100px; height:100px;}
}
@media screen and (max-width:800px){
.sv-bg img{ margin-top:65px; margin-left:35px;}
}
@media screen and (max-width:640px){
.sv-bg img{ float:inherit; width:100%; margin-top:20px; margin-bottom:0; margin-left:0;}
.ps-bg li{ width:48.5%; margin:1.5% 3% 1.5% 0;  padding:35px 10px 30px;}
.ps-bg li div{ width:80px; height:80px; border:2px solid #e8e8e8; background-size:30px 30px;}
.ps-bg li dl{ font-size:18px; margin-top:15px;}
}
@media screen and (max-width:480px){
.ps-bg li div{ width:70px; height:70px;}
.ps-bg li dl{ font-size:14px;}
}
@media screen and (max-width:320px){
.ps-bg li dl{ font-size:12px;}
}

/* Inside News */
#news .pb-ls a{ width:33.333333%;}
#news .pb-ls a:nth-of-type(3){ border-right:1px solid #e8e8e8;}
.ns-ls li{ float:left; width:100%; margin:1.5% 0;}
.ns-ls li a{ display:block; width:100%; padding:25px; overflow:hidden; border:5px solid #f5f5f5; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-ls li a:hover{ border:5px solid #e37a1f;}
.ns-ls li a .ns-im{ float:left; width:30%; height:215px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.ns-ls li a .ns-tx{ float:right; width:66%;}
.ns-ls li a h3{ font-size:24px; font-weight:500; color:#333;}
.ns-ls li a h4{ font-family:"AVGARDM"; font-size:14px; font-weight:normal; color:#888; margin-top:5px;}
.ns-ls li a p{ font-size:16px; color:#888; line-height:24px; margin-top:10px;}
.ns-ls li a dl{ width:100px; line-height:30px; color:#a0a0a0; border:1px solid #f0f0f0; text-align:center; margin-top:35px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.ns-ls li a:hover dl{ color:#fff; border:1px solid #e37a1f; background-color:#e37a1f;}
@media screen and (max-width:1024px){
.ns-ls li a{ padding:20px;}
.ns-ls li a .ns-im{ height:180px;}
.ns-ls li a h3{ font-size:18px;}
.ns-ls li a p{ font-size:14px;}
.ns-ls li a dl{ width:80px; line-height:30px; font-size:14px; padding:0 10px; margin-top:20px;}
}
@media screen and (max-width:480px){ 
.ns-ls li a{ padding:15px; border:2px solid #f5f5f5;}
.ns-ls li a .ns-im{ width:100%; height:265px; margin-bottom:15px;}
.ns-ls li a .ns-tx{ width:100%;}
.ns-ls li a h4{ margin-top:0;}
.ns-ls li a p{ margin-top:5px;}
.ns-ls li a dl{ margin:15px 0 5px;}
}
@media screen and (max-width:414px){ 
.ns-ls li a .ns-im{ height:225px;}
}
@media screen and (max-width:375px){ 
.ns-ls li a .ns-im{ height:200px;}
}

/* Inside NewsView */
.ns-nm{ font-size:30px; font-weight:500; color:#333; text-align:center; padding-top:20px;}
.ns-in{ font-family:"AVGARDM","Source Han Sans CN","PingFang SC","Microsoft YaHei"; color:#888; text-align:center; margin-top:10px;}
.ns-in span{ margin:0 5px;}
.ns-ig{ margin-top:35px; text-align:center;}
.ns-ig img{ width:100%; max-width:650px;}
.ns-js{ margin-top:35px;}
.ns-js img{ width:100%; max-width:650px;}
.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-ig{ 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 Contact */
.lx-bg dl{ font-size:18px; margin-bottom:25px;}
.lx-bg .lx-zb{ float:left; width:50%; height:500px; background-color:#f5f5f5; padding:0 5%; font-family:"HelveticaNeueLTStd-MdCn","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:18px; line-height:35px; display:flex; justify-content:center; flex-direction:column;}
.lx-bg .lx-zb h1{ font-size:30px; font-weight:500; color:#333; margin-bottom:15px;}
.lx-bg .lx-yb{ float:left; width:50%; height:500px;}
.lx-bg .lx-yb .lx-ms{ width:100%; height:100%;}
.iw_poi_title{ font-size:16px; font-weight:500; color:#e37a1f; overflow:hidden; padding-right:13px; white-space:nowrap;}
.iw_poi_content{ font:12px arial,sans-serif; overflow:visible; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word;}
@media screen and (max-width:640px){ 
.lx-bg dl{ font-size:14px; margin-bottom:15px;}
.lx-bg .lx-zb{ width:100%; height:auto; padding:20px; font-size:14px; line-height:30px;}
.lx-bg .lx-zb h1{ font-size:24px; margin-bottom:5px;}
.lx-bg .lx-yb{ width:100%; height:450px;}
}

/* Inside Mobile */
.yd-bg{ width:100%; height:750px; color:#fff; padding-left:53%; background:url(../Images/yd.jpg) no-repeat center; background-size:cover; display:flex; justify-content:center; flex-direction:column;}
.yd-bg h1{ font-size:48px;}
.yd-bg img{ display:block; width:200px; height:200px; -webkit-border-radius:5px; border-radius:5px; margin-top:52px;}
.yd-bg p{ font-family:"HelveticaNeueLTStd-MdCn","Source Han Sans CN","PingFang SC","Microsoft YaHei"; margin-top:35px;}
@media screen and (max-width:1440px){ 
.yd-bg{ height:580px; padding-left:55%;}
.yd-bg h1{ font-size:36px;}
.yd-bg img{ width:150px; height:150px; margin-top:38px;}
.yd-bg p{ line-height:24px; margin-top:30px;}
}
@media screen and (max-width:1024px){ .yd-bg{ height:500px; padding-left:55%;}}
@media screen and (max-width:800px){ .yd-bg{ height:450px;}}
@media screen and (max-width:640px){ .yd-bg{ height:auto; padding:20%; background-image:url(../Images/ydm.jpg);}}

/* Inside Products */
#product .pb-ls a{ width:25%;}
#product .pb-ls a:nth-of-type(4){ border-right:1px solid #e8e8e8;}
.pl-ls a{ display:block; float:left; width:23.5%; margin-right:2%; margin-bottom:2%; position:relative;}
.pl-ls a:nth-of-type(4n){ margin-right:0;}
.pl-ls a div{ border:5px solid #f5f5f5; border-bottom:none; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.pl-ls a:hover div{ border-color:#e37a1f;}
.pl-ls a div img{ width:100%;}
.pl-ls a dl{ height:50px; line-height:50px; background-color:#f2f2f2; font-family:"AVGARDM","Source Han Sans CN","PingFang SC","Microsoft YaHei"; font-size:18px; color:#333; overflow:hidden; display:flex; justify-content:center; flex-direction:column; align-items:Center; -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.pl-ls a:hover dl{ color:#fff; background-color:#e37a1f;}
.pl-ls a p{ position:absolute; top:20px; left:20px; width:28px; height:30px; background:url(../Images/float.png) no-repeat center; background-size:28px 30px;}
@media screen and (max-width:1024px){ 
.pl-ls a{ width:31.5%; margin-right:2.75%; margin-bottom:2.75%;}
.pl-ls a:nth-of-type(4n){ margin-right:2.75%;}
.pl-ls a:nth-of-type(3n){ margin-right:0;}
.pl-ls a dl{ height:45px; line-height:45px; font-size:16px;}
}
@media screen and (max-width:640px){ 
#product .pb-ls a{ width:50%;}
#product .pb-ls a:nth-of-type(2){ border-right:1px solid #e8e8e8;}
#product .pb-ls a:nth-of-type(3), #product .pb-ls a:nth-of-type(4){ border-top:none;}
.pl-ls a{ width:48.5%; margin-right:3%; margin-bottom:3%;}
.pl-ls a:nth-of-type(4n){ margin-right:3%;}
.pl-ls a:nth-of-type(3n){ margin-right:3%;}
.pl-ls a:nth-of-type(2n){ margin-right:0;}
.pl-ls a div{ border:2px solid #f5f5f5; border-bottom:none;}
.pl-ls a dl{ height:35px; line-height:35px; font-size:14px;}
.pl-ls a p{ top:12px; left:12px; width:20px; height:22px; background-size:20px 22px;}
}

/* Inside ProductView */
.pw-ig{ text-align:center;}
.pw-ig img{ width:100%; max-width:850px;}
.pw-nm{ font-size:24px; font-weight:500; color:#333; text-align:center; padding-top:20px;}
.pw-js{ padding-top:20px;}
.pw-js img{ width:100%; max-width:850px;}
.pw-nt{ margin-top:50px;}
.pw-nt a{ display:block; float:left; padding:8px 15px; border:1px solid #f0f0f0; font-size:18px; color:#888; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.pw-nt a:nth-of-type(2){ float:right;}
.pw-nt a:hover{ color:#fff; background-color:#e37a1f; border:1px solid #e37a1f;}
@media screen and ( max-width:640px ){
.pw-js{ padding-top:5px;}
.pw-nt{ margin-top:35px;}
.pw-nt a{ padding:3px 10px; font-size:16px;}
}