@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0;  outline: none; }
/* always display scrollbars */

ol, ul { list-style: none; }

a { text-decoration: none; blr: expression(this.onFocus=this.blur()); -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }


.subbox { position: absolute; left: 0px; top: 100px; width: 693px; border-top: 2px solid #acccec; background-color: #5899dd; height: 246px; padding: 0px 0px 0px 68px; display: none; }
.subboxAct .subnav { display: block; }
.subnav { line-height: 1.8; float: left; display: inline-block; border-left: 1px solid #4f89c6; height: 186px; padding: 30px 0px; width: 98px; position: relative; z-index: 1; display: none; }
.subnav a { margin: 0px 0px 0px 14px; padding: 5px 0px; display: block; position: relative; }
.subnav4 a { margin-left: 22px; }
.subnav:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; z-index: -1; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.csstransitions .subnav:before { background: #6ba8e7; -webkit-transform: scaleX(0); transform: scaleX(0); }
.csstransitions .subnavAct.subnav:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.no-csstransitions .subnavAct { background: #6ba8e7; }
.mobileBox { background-color: #f6f6f6; padding: 25px 0px; width: 100%; position: relative; z-index: 100; display: none; }
.menu-handler { width: 52px; height: 52px; cursor: pointer; display: none; float: right; position: relative; }
.menu-handler .burger { width: 30px; height: 4px; background: #515151; display: block; position: absolute; z-index: 5; top: 14px; left: 50%; margin: 0 0 0 -15px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 24px; }
.menu-handler .burger-3 { top: 34px; }
.csstransforms .menu-handler.active .burger-1 { top: 24px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .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; }
.csstransforms .menu-handler.active .burger-3 { top: 24px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransitions .trans, .csstransitions .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; }
.csstransitions .trans-fast, .csstransitions .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; }
.no-csstransitions .menu-handler.active .burger-1, .no-csstransitions .menu-handler.active .burger-2, .no-csstransitions .menu-handler.active .burger-3 { display: none; }
.no-csstransitions .menu-handler.active { background: url("../images/mob_close.png") no-repeat scroll center center; }
.navMobile dd { display: block; width: 100%; }
.navMobile dd p a { text-transform: uppercase; font-size: 16px; }
.navMobile dd a { display: block; padding: 14px 0px 14px 5%; line-height: 1.4; font-size: 14px; color: #434343; }
.navMobile dd a:hover, .navMobile dd a.cur { background-color: #EE3636; color: #fff; }
.navMobile dd a:active { background-color: #EE3636; color: #fff; }
.navMobile dd .msubnav { background-color: #fff; display: none; }
.navMobile dd .msubnav a { color: #7e7e7e; }
.navMobile dd .msubnav a:hover { background-color: #e6e6e6; }




@media screen and (max-width:1441px) {
   #logo-mb{ display:none}
	.head { /* box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);*/ }
	
	
	
	.home-pic img {margin-right:20px;}
	 .hometeaser{width:215;display:inline-block;/*margin-left:30px;*/}

}

@media screen and (max-width:1370px) {
     #logo-mb{ display:none}
    .backTop { right: 0px; }
	.head { height: 80px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: -10; /*box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); }*/}
	.home-pic img {margin-right:20px;}
	 .hometeaser{width:215;display:inline-block;/*margin-left:30px;*/}

}

@media screen and (max-width:1280px) {
    #logo-mb{ display:none}
    .proMenu .t { padding: 20px 0px; }
    .proMenu .con { padding: 0px 10%; height: 100%; }
    .proMenu .con .ico { margin: 10% auto 20px; }
    .proMenu .con .name { font-size: 22px; }

	.head { height: 80px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: -10; /*box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4);*/ }
	.home-pic img {margin-right:20px;}
	 .hometeaser{width:215;display:inline-block;/*margin-left:30px;*/}

}

@media screen and (max-width:1200px) {
     #logo-mb{ display:none}
	.head { height: 80px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: -10; /*box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); */}
	 .hometeaser{width:215;display:inline-block;/*margin-left:30px;*/}

}

@media screen and (min-width:1025px) {
	.head {height: 80px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: -10; /*box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); */}
 #logo-mb{ display:none}
 .home-pic img {margin-right:20px;}
.hometeaser{width:215;display:inline-block;/*margin-left:30px;*/}

}

@media screen and (max-width:1024px) {
   
    .menu-handler { display: block; }
     #logo-mb{ display:none}
	.head {background-color: #fff; height: 80px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: -10; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); }
#content-left-column{ width:100%;}
.home-pic img {margin-right:20px;}
	 .hometeaser{width:215;display:inline-block;/*margin-left:30px;*/}

}

@media screen and (max-width:861px) { 
#logo-mb { display: contents; position: relative;margin:0 0 0 10px; padding:0 0 0 10px;}
	.head {background-color: #fff; height: 80px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 500; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); }
.hometeaser { width:47%;}
  #area-mainnav,#search-container,/* #area-headerimage,*/ #content-spacer, #footernav{ display:none;}
.home-pic img {margin-right:10px;}

}

@media screen and (max-width:641px) {
	.head { background-color: #fff; height: 80px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 500; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); } 
	#logo-mb { display: contents; position: relative;margin:0 0 0 10px; padding:0 0 0 10px;}

    .hometeaser { width:47%;}
  #area-mainnav,#search-container, /*#area-headerimage,*/ #content-spacer, #footernav{ display:none;}
.home-pic img {margin-right:10px;}

}

@media screen and (max-width:481px) {
	
#logo-mb { display: contents; position: relative;margin:0 0 0 10px; padding:0 0 0 10px;}
	.head { background-color: #fff; height: 80px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 500; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); }
  #area-mainnav,#search-container, /*#area-headerimage,*/ #content-spacer, #footernav{ display:none;}
.home-pic img {margin-right:10px;}.hometeaser { width:47%;}

}

@media screen and (max-width:340px) {
	.head { background-color: #fff; height: 80px; position: fixed; left: 0px; top: 0px; width: 100%; z-index: 500; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.4); }
  #area-mainnav,#search-container，/*#area-headerimage*/{ display:none;}
  
  .hometeaser { width:47%;}
    #logo-mb { display: contents; position: relative;margin:0 0 0 10px; padding:0 0 0 10px;}
	 .home-pic img { width:100%;}
	

}