@charset "utf-8";

@import url('lib/animated.css');
@import url('lib/jquery-ui-1.10.4.custom.min.css');
@import url('lib/swiper.css');
@import url('lib/perfect-scrollbar.css');


/* ==============================
 * header
 * ============================== */
 body{min-width:1200px;}
 body.hidden{overflow: hidden;}
#headerWrap { position:relative; z-index:10; min-width:1200px; height:126px; border-bottom:1px solid #e8e8e8; transition:all .2s ease;}
#headerWrap.mainHeader { position:absolute; top:0; left:0; right:0; border-bottom:0;}
#headerWrap.mainHeader:hover { border-bottom:1px solid #e8e8e8 }
#header { position:relative; width:1200px; margin:0 auto;}
#header h1 { position:absolute; top:35px; left:0;}
#header h1 a{display: block; width:177px; height:47px; font-size:0; background:url('../images/common/logo.png') no-repeat;}
#header .topLink { position:absolute; top:18px; right:5px;}
#header .topLink ul {}
#header .topLink li { float:left; margin-left:22px;}
#header .topLink li:first-child a { color:#0095da;}
#header .topLink li a { font-size:13px; color:#444; font-weight:bold; transition:all .2s ease;}
#header .topLink li a:hover { color:#0095da;}
#header #gnb { margin:0 252px 0 195px;}
#header #gnb > ul { padding-top:34px;}
#header #gnb > ul:after { content:''; display:block; clear:both;}
#header #gnb > ul > li { float:left; position:relative; width:20%;}
#header #gnb > ul > li > a { display:block; height:92px; line-height:70px; font-size:19px; color:#222; font-weight:bold; text-align:center;}
#header #gnb > ul > li > a:after { content:''; display:block; position:absolute; bottom:0; left:50%; width:0; height:3px; background:#0095da; transition:all .2s ease;}
#header #gnb > ul > li:hover > a:after {left:1%; width:98%;}
#header #gnb .gnb1 { width:154px;}
#header #gnb .gnb2 { width:124px;}
#header #gnb .gnb3 { width:165px;}
#header #gnb .gnb4 { width:150px;}
#header #gnb .gnb5 { width:154px;}
#header #gnb .subMenu { display:none; position:absolute; top:92px; left:0; z-index:3; width:100%;}
#header #gnb .subMenu ul { padding-top:40px;}
#header #gnb .subMenu li { margin-bottom:10px;}
#header #gnb .subMenu a { display:block; padding-left:25px; font-size:14px; color:#444; transition:all .2s ease;}
#header #gnb .subMenu a:hover,
#header #gnb .subMenu a.on { font-weight:bold; color:#0095da;}
#header .searchBox { overflow:hidden; position:absolute; top:52px; right:0; width:252px; height:40px; padding:8px 18px; border-radius:30px; background:#fff346;}
#header .searchBox input { float:left; width:180px; min-height:20px; margin:0; padding:0; border:0; font-size:13px; background:none;}
#header .searchBox button { float:right; width:26px; height:24px; font-size:0; background:url('../images/common/spr.png') no-repeat;}
#header .gnbBanner { display:none; position:absolute; top:147px; right:0; z-index:3;}
#header .gnbBanner a { display:block; margin-bottom:20px;}
#headerWrap .gnbBg { display:none; position:relative; width:100%; height:400px; border-bottom:1px solid #eee; box-shadow:0 2px 4px rgba(0,0,0,0.2); background:#fff;}

/* ==============================
 * footer
 * ============================== */
#footerWrap { position:relative; z-index:10; background:#f7f6f2;}
#footerTop { height:50px; background:#0095da;}
#footerTop .topLink {width:1200px; margin:0 auto;}
#footerTop .topLink ul { float:left; }
#footerTop .topLink ul li { float:left; position:relative;}
#footerTop .topLink ul li + li { padding-left:24px;}
#footerTop .topLink ul li + li:after { content:''; display:block; position:absolute; top:50%; left:10px; width:4px; height:4px; margin-top:-2px; border-radius:50%; background:#80caed;}
#footerTop .topLink ul li a { display:block; height:50px; line-height:50px; color:#ffffff; font-size:14px;}
#footerTop .topLink ul li a.color { color:#76f0ff; }
#footerTop .sns { float:right; margin-top:7px; font-size:0;}
#footerTop .sns a { display:inline-block; width:36px; height:36px; margin-left:5px; font-size:0; background:url('../images/common/spr.png') no-repeat;}
#footerTop .sns .sns1 { background-position:-40px 0;}
#footerTop .sns .sns2 { background-position:-80px 0;}
#footerTop .sns .sns3 { background-position:-120px 0;}
#footerTop .sns .sns4 { background-position:-161px 0;}
#footerTop .sns .sns5 { background-position:-201px 0;}

#footer { overflow:hidden; width:1200px; padding-bottom:40px; margin:0 auto;}
#footer .left { float:left; width:300px; margin-top:40px;}
#footer .customerCenter {}
#footer .customerCenter h2 { font-size:14px; color:#222;}
#footer .customerCenter .callNumber { margin:4px 0 3px; font-size:26px; color:#0095da; font-weight:bold;}
#footer .customerCenter .callTime { font-size:12px; color:#888;}
#footer .customerCenter .mail a { font-size:12px; color:#0095da;}
#footer .customerCenter .mail a span { display:inline-block; width:17px; height:12px; margin-right:5px; vertical-align: middle; background:url('../images/common/spr.png') no-repeat -72px -59px;}
#footer .address { margin-top:50px;}
#footer .address .title { margin-bottom:5px; font-size:14px; color:#222;}
#footer .address .text { font-size:12px; color:#888; line-height:1.6}
#footer .copy { margin-top:35px; font-size:11px; color:#888;}

#footer .footerNav { float:left; width:700px; margin-top:40px;}
#footer .footerNav dl { float:left; width:25%;}
#footer .footerNav dt { margin-bottom:23px; font-size:16px; color:#444; font-weight:bold;}
#footer .footerNav dd { width:80%; margin-bottom:2px;}
#footer .footerNav dd a { display:block; padding:5px; font-size:13px; color:#444;}
#footer .footerNav dd a:hover { background:#eee;}

#footer .right { float:left; width:200px; margin-top:40px;}
#footer .right ul { border:1px solid #e9e9e9;}
#footer .right li { background:#fff;}
#footer .right li + li { border-top:1px solid #e9e9e9;}
#footer .right li a { display:block; position:relative; padding:13px; font-size:14px; color:#222; transition:all .2s ease;}
#footer .right li a:after { content:''; display:block; position:absolute; top:50%; right:15px; width:23px; height:23px; margin-top:-11.5px; background:url('../images/common/spr.png') no-repeat -256px -8px; transition:all .2s ease;}
#footer .right li a:hover { color:#fff; background:#0095da;}
#footer .right li a:hover:after { background-position:-283px -8px;}


@media screen and (max-width: 1214px) {
}

@media screen and (max-width:800px) {
}

@media screen and (max-width:640px) {
}