﻿/* General styles for all menus */
.cbp-spmenu{background:#444;border-left:1px solid #fff;position:fixed;}
.cbp-spmenu a{display:block;color:#fff;font-size:1.1em;font-weight:300;}
.cbp-spmenu a:hover{background:#222;}
.cbp-spmenu a:active{background:#222;color:#fff;}
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical{width:240px;height:100%;top:0;z-index:1000;}
.cbp-spmenu-vertical a{border-bottom:1px solid #fff;padding:1em;}
.cbp-spmenu-horizontal{width:100%;height:150px;left:0;z-index:1000;overflow:hidden;}
.cbp-spmenu-horizontal h3{height:100%;width:20%;float:left;}
.cbp-spmenu-horizontal a{float:left;width:20%;padding:0.8em;border-left:1px solid #258ecd;}
/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-240px;}
.cbp-spmenu-right{right:-240px;}
.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-150px;}
.cbp-spmenu-bottom{bottom:-150px;}
.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:0px;}
/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden;position:relative;left:0;}
.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}
/* Transitions */
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
#show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}

htm {padding:0px; margin:0px;}
body {font-family:"Microsoft YaHei"; font-size:14px;}
dl {padding:0px; margin:0px;}
dt {padding:0px; margin:0px;}
dd {padding:0px; margin:0px;}
ul {padding:0px; margin:0px;}
ol {padding:0px; margin:0px;}
p {padding:0px; margin:0px; line-height:25px;}
li {padding:0px; margin:0px; list-style-type:none;}
form {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
blockquote {padding:0px; margin:0px;}
fieldset {padding:0px; margin:0px;}
select {padding:0px; margin:0px; border:0px;}
label {padding:0px; margin:0px;}
textarea {padding:0px; margin:0px; border:0px;}
img {padding:0px; margin:0px; border:0px;} 
.clear {clear:both;}
.bg_color {background:#2ea3dc;}
.show_bg {width:100%; height:100%; background:rgba(0, 0, 0, 0.5); position:fixed; top:0px; left:0px; z-index:999; display:none;}

.space-10 {width:100%; height:10px; clear:both;}
.space-20 {width:100%; height:20px; clear:both;}
.space-30 {width:100%; height:30px; clear:both;}
.space-40 {width:100%; height:40px; clear:both;}
.space-50 {width:100%; height:50px; clear:both;}

.radius5 {-moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
.radius10 {-moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px;}
.radius15 {-moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; border-radius:15px;}
.radius20 {-moz-border-radius:20px; -webkit-border-radius:20px; -ms-border-radius:20px; border-radius:20px;}
.radius50 {-moz-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%; border-radius:50%;}

input::-webkit-input-placeholder {color:#999;}
.input {display:block; padding:5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}
.select{width:100%; color:#606366; padding:11px 25px 11px 5px; -webkit-appearance:none; border-radius:3px; background:url(../images/down.png) no-repeat right; background-size:15px 15px; -webkit-background-size:15px 15px; -moz-background-size:15px 15px; -ms-background-size:15px 15px; -webkit-box-sizing:border-box;}
.button {width:100%; display:block; padding:0px 5px; border:#e5e5e5 solid 1px; background:no-repeat; color:#fff; text-align:center; font-size:14px;}
.textarea {display:block; padding:10px 5px; background:none; border:#e5e5e5 solid 1px; -webkit-box-sizing:border-box; color:#999; font-size:14px; outline:none;}

/* 链接颜色 */

a {color:#fff;}
a:link {color:#fff;text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* 网站头部 */

.head {width:100%; height:70px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.4); position:fixed; top:0px; left:0px; z-index:9;}

.head .logo {height:auto; overflow:hidden; padding:5px 0px; float:left;}
.head .logo a {height:60px; display:block;}
.head .logo a img {height:60px;}

.head nav {height:70px; display:block; position:relative; float:right;}
.head nav li {width:116px; height:70px; line-height:70px; display:block; position:relative; float:left;}
.head nav li a {height:70px; line-height:70px; color:#000; font-size:16px; display:block; text-align:center;}
.head nav li.cut a {color:#c30f12; font-weight:bold;}
.head nav li:hover a {color:#c30f12; font-weight:bold;}
.head #buoy {width:66px; height:3px; background:#c30f12; position:absolute; top:0px; left:25px;}

.head nav li .ul {width:116px; height:auto; overflow:hidden; background:#fff; padding:15px 0px; position:absolute; top:70px; left:0px; display:none; z-index:10;}
.head nav li .ul a {height:35px; line-height:35px; color:#333; font-size:14px; font-weight:normal; display:block; text-align:center;}
.head nav li .ul a:hover {color:#000; text-decoration:underline;}
.head nav li .ul a.s-1 {display:none;}

.m_head {width:100%; height:50px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.4); position:fixed; top:0px; left:0px; z-index:99;}
.m_head .m_logo {height:50px; overflow:hidden; padding:5px 10px; float:left;}
.m_head .m_logo img {height:40px;}

.m_head .menu_btn {width:50px; height:50px; display:block; padding:10px; float:right;}
.m_head .menu_btn span {width:30px; height:30px; display:block; background:url(../images/menu.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

/* 网站手机版头部 */

.menu-handler { width: 50px; height: 50px; cursor: pointer; position: fixed; right: 0px; top: 0px; z-index: 102; }
.menu-handler .burger { width: 36px; height: 3px; background: #000; display: block; position: absolute; z-index: 5; top: 12px; left: 50%; margin: 0 0 0 -18px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; border-radius: 3px; }
.menu-handler .burger-2 { top: 24px; }
.menu-handler .burger-3 { top: 36px; }
.menu-handler.active .burger-1 { top: 36px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 36px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.trans, .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
#menu-holder { position: fixed; right: -350px; top: 0px; width: 270px; padding: 0px 25px; height: 100%; overflow-x: hidden; overflow-y: auto; background:#f6f6f6; color: #fff; z-index: 100; -webkit-overflow-scrolling: touch; -webkit-transition: 400ms; -moz-transition: 400ms; -o-transition: 400ms; transition: 400ms; }
#menu-holder a:link, #menu-holder a:visited { color: #555; }
#menu-holder a:active, #menu-holder a:hover { color: #000; }
#menu-holder .msubnav a:link, #menu-holder .msubnav a:visited { color: #f00; }
#menu-holder .msubnav a:active, #menu-holder .msubnav a:hover { color: #fff; }
.navMobile { padding: 0px 0px 15%; margin-top: 86px; display: block; }
.navMobile dd { padding-bottom: 20px; position: relative; width: 100%; }
.navMobile p a { font: bold 25px/1.2 "Microsoft JhengHei"; display: block; }
.navMobile .msubnav { width: 238px; padding-top: 16px; display: none; }
.navMobile .msubnav a { font-size: 16px; margin: 0px 12px 10px 0px; display: inline-block; }
#menu-holder .g-tel { font-size: 14px; }
#bg-menu { background-color: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; cursor: url("../images/close-icon.ico") 16 16, default; z-index: 99; display: none; }
.open #menu-holder { right: 0px; }

/* 网站底部 */

.footer {height:auto; overflow:hidden; background:url(../images/footer.png); padding:20px 0px 10px;}

.footer .footop {height:auto; overflow:hidden;}
.footer .footop img {height:80px; display:block;}
.footer .footop p {height:30px; line-height:30px; color:#333;}
.footer .footop b {height:30px; line-height:30px; color:#333; display:block;}
.footer .footop span {line-height:30px; color:#333; display:block;}

.footer .line {height:1px; background:#555; clear:both;}

.footer .footnav {height:auto; overflow:hidden;}
.footer .footnav a {height:30px; line-height:30px; color:#333; display:block; float:left;}
.footer .footnav font {height:30px; line-height:30px; color:#333; display:block; float:left;}

.footer .copy a {height:30px; line-height:30px; color:#333; display:block;}
.footer .copy span {height:30px; line-height:30px; color:#333; display:block;}

.footer .code {width:120px; height:120px; padding:10px; margin-top:30px; display:none; float:right; background:url(../images/code.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.footer .code img {width:100px; height:100px; display:block;}
.footer .code p {height:30px; line-height:30px; color:#333; text-align:center;}

/* 二级页面 */

.NavImgPath {height:auto; overflow:hidden; margin-top:10px;}
.NavImgPath img {max-width:100%;}

.pbmenuBox {text-align:center; position:relative; border-bottom:1px solid #e5e5e5;}
.pbmenuBox p {line-height:27px;}
.pbmenuBox p.zh {font-size:30px; color:#222;}
.pbmenuBox p.en {line-height:25px; font-size:16px; color:#666;}
.pbmenuBox p.cn {line-height:20px; font-size:16px; color:#f00; font-size:16px; font-weight:bold; font-family:Arial;}
.pbmenuBox p.cn span {padding:0px 10px;}

.pbmenuBox .menubox {width:100%; height:auto; overflow:hidden;}
.pbmenuBox .menubox .menuboxcenter {height:auto; overflow:hidden; padding:0px 20px; background:#fff; display:inline-block;}
.pbmenuBox .menubox .menuboxcenter a {height:25px; line-height:25px; color:#fff; overflow:hidden; padding:0px 20px; display:block; background:#bababa; margin-right:1px; margin-top:1px; float:left;}
.pbmenuBox .menubox .menuboxcenter a.s-1 {display:none;}
.pbmenuBox .menubox .menuboxcenter a.hover {background:#d7181f;}
.pbmenuBox .menubox .menuboxcenter a:hover {background:#d7181f;}

.div_title {text-align:center; text-transform:uppercase;}
.div_title .span1 {background:url(../images/1_07.png) center left no-repeat; padding-left:93px; color:#000; font-size:24px; line-height:24px;}
.div_title .span2 {color:#d7000f; margin-left:10px; margin-right:10px;}
.div_title .span3 {color:#193163; background:url(../images/1_08.png) center right no-repeat; padding-right:93px;}

.s_n_title {height:auto; overflow:hidden; line-height:25px; overflow:hidden; color:#000; font-size:18px; font-weight:bold; text-align:center; padding:5px 0px;}
.s_d_date {height:30px; line-height:30px; text-align:center; color:#898989; padding-bottom:10px; border-bottom:#ccc dashed 1px;}
.s_d_date font {color:#e60012;}

.s_cont {height:auto; overflow:hidden; padding:10px 0px;}
.s_cont img {max-width:100%;}

.list {height:auto; overflow: hidden; }
.list ul {height:auto; overflow: hidden; }
.list li { width: 50%; height:auto; overflow: hidden; text-align: center; float: left; position: relative; }
.list .liHide { top: 80px; opacity: 0; filter: alpha(opacity=0); }

.list .img { width: 100%; display: block; transition: 600ms; }
.list .bg { transition: 400ms; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #262626; position: absolute; left: 0; top: 0; }
.list .title { transition: 300ms; width: 100%; color: #c5c5c5; position: absolute; left: 0; top: 80%; }
.list .title p { transition: 300ms; }
.list .title .p1 { margin: 0 0 10px 0; font-size: 16px; color: #c9c9c9; }
.list .rm { transition: 400ms; opacity: 0; filter: alpha(opacity=0); width: 180px; height: 40px; line-height: 40px; color: #fff; font-size:14px; margin: -30px 0 0 -75px; position: absolute; left: 50%; top: 50%; }
.list .line { transition: 400ms; filter: alpha(opacity=0); width: 100%; overflow: hidden; height: 1px; background: #c5c5c5; position: absolute; }
.list .line1 { left: -100%; top: 0; }
.list .line2 { left: 100%; bottom: 0; }
.list .rm span { transition: 400ms; -webkit-transform: scale(1.2); }

.list li:hover .bg { opacity: 0.4; filter: alpha(opacity=40); }
.list li:hover .rm { opacity: 1; filter: alpha(opacity=100); }
.list li:hover .line1 { left: 0; filter: alpha(opacity=100); }
.list li:hover .line2 { left: 0; filter: alpha(opacity=100); }
.list li:hover span { -webkit-transform: scale(1); }
.list li:hover .title { top: 85%; opacity: 0; filter: alpha(opacity=0); }
.list li:hover .img { -webkit-transform: scale(1.05); transform: scale(1.05); }

.list2{height: auto; overflow:hidden; position: relative;} 
.list2 li{height: auto; overflow:hidden; text-align: center;}
.list2 li a{height: auto; overflow:hidden; display:block; border: solid 1px #e5e5e5; text-align: center; padding:50px 30px;}
.list2 li a .person{ width: 90%; height:auto; overflow:hidden; border: solid 2px #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%;}
.list2 li a .p2_1{color: #4d4d4d; text-align: center; margin-top: 25px; font-size:16px;}
.list2 li a .p2_2{color: #4d4d4d; text-align: center; margin-bottom: 20px;}
.list2 li a span{ width: 24px; height: 1px; background-color: #e6e6e6; display: block;  position: relative; margin: 0px auto; margin-bottom: 15px;}
.list2 li a div{ width: 28px; height: 28px; background: url(../images/bt1.png) center top no-repeat; position: relative; margin: 0px auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; transition: all .3s;}
.list2 li:hover a{ background-color: #f2f2f2; border: solid 1px #f2f2f2; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; transition: all .3s;}
.list2 li:hover a p{ color: #fff;}
.list2 li:hover a div{ background: url(../images/bt1.png) center bottom no-repeat; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; transition: all .3s;}
.list2 li:hover a .p2_1 {color:#000;}
.list2 li:hover a .p2_2 {color:#777;}
.list2 li i {height:10px; display:block; clear:both;}

.title {height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold; padding-left:20px; background:url(../images/title.jpg) no-repeat left #ddd;}
.title2 {height:40px; line-height:40px; color:#fff; font-size:16px; font-weight:bold; padding-left:20px; background:url(../images/title2.jpg) no-repeat left #ddd;}

.teambox {height:auto; overflow:hidden;}
.teambox a {height:auto; overflow:hidden; display:block;}
.teambox a img {width:100%;}
.teambox a span {height:35px; line-height:35px; font-size:14px; color:#666; display:block; text-align:center;}

.items {-webkit-animation:item .3s ease both;}
.items a {display:block; height:auto; overflow:hidden; position:relative; background:#000; background-size:100%;}
.items a img {width:100%; box-sizing:border-box; opacity:1; filter:alpha(opacity=100); -webkit-transition:all .8s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
.items:hover a img{width:100%; opacity:.5; filter:alpha(opacity=50); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -o-transition:all .8s ease; -ms-transition:all .8s ease; transition:all .8s ease;}
.items a span {width:100%; height:50px; line-height:50px; color:#fff; text-align:center; overflow:hidden; display:block; padding:0px 20px; background:rgba(0,0,0,0.3); position:absolute; bottom:0px; left:0px;}

.t-title {height:40px; line-height:40px; color:#333; font-size:18px; font-weight:bold;}
.t-job {height:30px; line-height:30px; color:#555;}

.casebox {height:auto; overflow:hidden;}
.casebox a {height:auto; overflow:hidden; display:block;}
.casebox a img {width:100%;}
.casebox a span {height:50px; line-height:50px; color:#333; font-size:14px; text-align:center; display:block; overflow:hidden;}

/* 分页样式 */

.page {height:auto; overflow:hidden; text-align:center; clear:both; margin-top:20px;}
.page .page_c {height:auto; overflow:hidden; display:inline-block;}
.page .page_c a {height:25px; line-height:25px; font-size:12px; color:#666; border:#e5e5e5 solid 1px; background:#fff; display:block; padding:0px 15px; margin:0px 5px; float:left;}
.page .page_c span {height:25px; line-height:20px; color:#666; display:block; padding:0px 10px; border:#e5e5e5 solid 1px; background:#fff; margin:0px 5px; float:left;}
.page .page_c span.current { color:#d7181f; border:#d7181f solid 1px;}
.page .page_c .prev {background:url(../images/page.png) no-repeat 4px 0px #fff;}
.page .page_c .next {background:url(../images/page.png) no-repeat 4px -40px #fff;}
.page .page_c a:hover {color:#d7181f; border:#d7181f solid 1px;}
.page .page_c .prev:hover {background:url(../images/page.png) no-repeat 4px -60px #fff;}
.page .page_c .next:hover {background:url(../images/page.png) no-repeat 4px -20px #fff;}

/* 相关新闻 */

.morenews {height:auto; overflow:hidden; border-top:#ccc dashed 1px; padding:20px 0px;}
.morenews span {height:30px; line-height:30px; display:block; color:#434343;}
.morenews a {height:30px; line-height:30px; color:#a0a0a0;}
.morenews a:hover {color:#d7181f;}

/* 案例图片效果 */

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }

.proName { font-size: 20px; color: #333333; font-weight:bold; text-align: center; }
.control { text-align: center; padding: 26px 0px 32px; font-size: 14px; }
.control .line { padding: 0px 4px; }
.control .num { font-size: 20px; }
.productImg .item img { filter: alpha(opacity=40); opacity: 0.4; border: 1px solid #cccccc; width: 100%; }
.productImg .item { margin: 0px 80px; background-color: #fff; }
.productImg .slick-center img { filter: alpha(opacity=100); opacity: 1; }
.productImg .slick-arrow { width: 33px; height: 33px; display: block; border-radius: 5px; background-color: #999999; top: 50%; margin-top: -16px; z-index: 100; }
.productImg .slick-arrow i { background: url(../images/btn_3.png) no-repeat scroll center center; width: 100%; height: 100%; margin: 0px auto; display: block; transition: 300ms; -webkit-transition: 300ms; }
.productImg .slick-prev { left: 31%; }
.productImg .slick-next { right: 31%; }
.productImg .slick-prev i { background-image: url(../images/btn_3.png); }
.productImg .slick-next i { background-image: url(../images/btn_4.png); }
.productImg .slick-arrow:hover { background-color: #e81a23; }
.productImg .slick-prev:hover i { background-position: 30% center; }
.productImg .slick-next:hover i { background-position: 70% center; }

@media (max-width: 479px) {

.head {display:none;}
.m_head {display:block;}

.NavImgPath {margin-top:60px;}

.pbmenuBox {height:auto; overflow:hidden; padding-bottom:10px;}
.pbmenuBox p.cn span {display:block; text-align:center;}

}

@media (min-width: 480px) and (max-width: 767px)  {

.head {display:none;}
.m_head {display:block;}

.NavImgPath {margin-top:60px;}

.pbmenuBox {height:auto; overflow:hidden; padding-bottom:10px;}
.pbmenuBox p.cn span {display:block; text-align:center;}

}

@media (min-width: 768px) and (max-width: 999px){

.head {display:none;}
.m_head {display:block;}

.NavImgPath {margin-top:60px;}

.pbmenuBox {height:80px;}
.pbmenuBox .menubox {position:absolute; top:65px; left:0px;}

.list li { width: 33.333%;}

}

@media (min-width: 1000px) {

.head {display:block;}
.m_head,#menu-handler {display:none;}

.footer {padding:30px 0px;}
.footer .footnav font {padding:0px 10px;}
.footer .code {display:block;}

.NavImgPath {margin-top:80px;}

.pbmenuBox {height:80px;}
.pbmenuBox .menubox {position:absolute; top:65px; left:0px;}

.list li { width: 25%;}

}

@media (min-width: 1260px) {

}

