@charset "utf-8";
#cssmenu,#cssmenu #menu-button,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #menu-button{display:none}
#cssmenu{width: 100%;}
#menu-line{position:absolute;top:0;left:0;height:3px;/*background:#789904;*/-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
#cssmenu>ul>li{ width:16%; float:left;}
#cssmenu.align-center>ul{font-size:0;text-align:center}
#cssmenu.align-center>ul>li{display:inline-block;float:none}
#cssmenu.align-center ul ul{text-align:left}
#cssmenu.align-right>ul>li{float:right}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu>ul>li>a{ line-height:100px; padding:0px; text-align:center; font-size:16px;text-decoration:none;text-transform:uppercase;color:#666;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#cssmenu>ul>li.active>a,#cssmenu>ul>li:hover>a{color:#ec4046}
#cssmenu>ul>li.has-sub>a{/*padding-right:25px*/}
#cssmenu>ul>li.has-sub>a::after{position:absolute;top:47px; /*right:7%;*/ right:6%; width:4px;height:4px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
#cssmenu>ul>li.has-sub:hover>a::after{border-color:#ec4046}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu li:hover>ul{left:auto}
#cssmenu.align-right li:hover>ul{right:0}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%}
#cssmenu ul ul li{height:0;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease}
#cssmenu ul li:hover>ul>li{height:36px}
 
#cssmenu ul ul li a{ padding:0px 20px; line-height:36px; width:160px;font-size:14px;background:#ec4046; text-decoration:none;color:rgba(255,255,255,0.8);-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#cssmenu ul ul li a:hover,#cssmenu ul ul li:hover>a{color:#fff}
#cssmenu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
#cssmenu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
#cssmenu ul ul li.has-sub:hover>a::after{border-color:#fff}

#cssmenu ul li:nth-child(7) ul li a{ background: #fff;}
.has-sub img{ width: 100%;}

@media all and (max-width:930px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px){#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none; background-color:#fff; border-bottom:1px solid #ddd;}
#cssmenu.align-center>ul,#cssmenu.align-right ul ul{text-align:left}
#cssmenu ul li,#cssmenu ul li:hover>ul>li,#cssmenu ul ul li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,.15)}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%}
#cssmenu.align-center>ul>li,#cssmenu.align-right>ul>li,#cssmenu>ul>li{float:none;display:block}
#cssmenu ul ul li a{padding:20px 20px 20px 30px;font-size:12px;color:#000;background:0 0}
#cssmenu ul ul li a:hover,#cssmenu ul ul li:hover>a{color:#000}
#cssmenu ul ul ul li a{padding-left:40px}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
#cssmenu ul ul li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::after{display:none}
#menu-line{display:none}
#cssmenu #menu-button{display:block;padding:20px;color:#000;cursor:pointer; font-size:0px; height:68px; background:url(../img/logo1.png) no-repeat 15px 5px; text-transform:uppercase}
#cssmenu #menu-button::after{content:'';position:absolute;top:29px;right:20px;display:block;width:15px;height:2px;background:#ec4046}
#cssmenu #menu-button::before{content:'';position:absolute;top:35px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #ec4046;border-bottom:2px solid #ec4046}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:46px;width:52px;cursor:pointer}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;z-index:99}
#cssmenu .submenu-button.submenu-opened:after{display:none}
}

.hthree { width:5%;}
.hthree li{ width:60%; float:left;}
.hthree li:last-child{ width:40%;}

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

}


@media screen and (max-width:1440px){
#cssmenu{width:95%;}
/*#cssmenu>ul>li { width: 13.2%; float: left;}*/
.hthree {/* width:16%;*/}
#cssmenu>ul>li>a{ line-height:70px; }
#cssmenu>ul>li.has-sub>a::after{ top:33px; }
#cssmenu>ul>li>a{ font-size:16px; }
}


@media screen and (max-width:1400px){
	#cssmenu>ul>li.has-sub>a::after{ right:4%;}
	#cssmenu>ul>li>a{ font-size: 15px;}

}

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

}

@media screen and (max-width:1210px){
#cssmenu{width:100%; z-index:9000;}
.hthree{ display:none;}
 
}
@media screen and (max-width:1024px){
#cssmenu>ul>li>a{ line-height:68px; }
#cssmenu>ul>li.has-sub>a::after{ top:31px; }
 
}
@media screen and (max-width:930px){
.header .logo{ display:none;}
#cssmenu > ul > li > a {line-height:46px; padding-left:15px; text-align:left;}
#cssmenu ul ul li a { padding:4px 20px 4px 30px; font-size:14px;}
.h_right_img{ display:none;}
 }

/* CSS Document */