body { 
	background: #fff;
	color: #555;
	font: normal 13px "Roboto", arial, sans-serif;
	font-weight: 300;
	overflow-x: hidden;
}
.cbp-hrmenu {width:100%; /* border-bottom:2px solid #e4f1f9; */ float:left;}

/* general ul style */
.cbp-hrmenu ul {margin:0; padding:0; list-style-position:inside; list-style-type:disc; color:#999;}
.container {/* background:-moz-linear-gradient(#08a6e3, #0052a1); background:-o-linear-gradient(#08a6e3, #0052a1); background:-webkit-linear-gradient(#08a6e3, #0052a1); background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #08a6e3), color-stop(1, #0052a1)); filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#08a6e3, EndColorStr=#0052a1)"; background:linear-gradient(#08a6e3, #0052a1); height:50px; */}


/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {width:100%; max-width:70em; margin:0 auto; /* padding:1em 1.875em; */}
.cbp-hrmenu > ul > li {display:inline-block; float:left; width:25%;}
.cbp-hrmenu > ul > li > a {color:#999; display:inline-block;}
.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen > a:hover {color:#777; /* background:#F9F9F9; */}

/* sub-menu */
.cbp-hrmenu .cbp-hrsub {display:none; position:absolute; background:#F9F9F9; width:100%; left:0;}
.cbp-hropen .cbp-hrsub {display:block; padding-bottom:2em; float:left; margin-top:10px; min-height:385px;}
.cbp-hrmenu .cbp-hrsub-inner > div {width:33.33%; float:left; padding:0 1em 0;}
.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {content: " "; display:table;}
.cbp-hrmenu .cbp-hrsub-inner:after {clear:both;}
.cbp-hrmenu .cbp-hrsub-inner > div a {float:none; line-height:2em; position:relative;}
.cbp-hrsub h4 {color:#000; padding:1em 0 0em; margin:0; font-size:130%; font-weight:300;}
.container > header h1 {
    background: url("../images/logo.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    float: left;
    font-size: 2.125em;
    font-weight: 400;
    height: 44px;
    line-height: 1.3;
    margin: 0 0 0.3em;
    text-indent: -9999px;
    width: 232px;
}
.cbp-hropen a .cate_tv {background:url(../images/cate_tv_video_hover.png) no-repeat; bottom:0; float:left; height:182px; line-height:370px; position:relative; text-align:center; text-indent:0; width:200px; background-size:100%; font-size:1.2em;}
.cbp-hropen a .cate_mobile {background:url(../images/cate_mobile_hover.png) no-repeat; bottom:0; float:left; height:182px; line-height:370px; position:relative; text-align:center; text-indent:0; width:200px; background-size:100%; font-size:1.2em;}
.cbp-hropen a .cate_camera {background:url(../images/cate_camera_hover.png) no-repeat; bottom:0; float:left; height:182px; line-height:370px; position:relative; text-align:center; text-indent:0; width:200px; background-size:100%; font-size:1.2em;}
.cbp-hropen a .cate_ha {background:url(../images/cate_home_appliance_hover.png) no-repeat; bottom:0; float:left; height:182px; line-height:370px; position:relative; text-align:center; text-indent:0; width:200px; background-size:100%; font-size:1.2em;}
 a span.cate_tv {background:url(../images/cate_tv_video.png) no-repeat; bottom:0; float:left; height:182px; line-height:370px; position:relative; text-align:center; text-indent:0; width:200px; background-size:100%; font-size:1.2em;}
 a span.cate_mobile {background:url(../images/cate_mobile.png) no-repeat; bottom:0; float:left; height:182px; line-height:370px; position:relative; text-align:center; text-indent:0; width:200px; background-size:100%; font-size:1.2em;}
 a span.cate_camera  {background:url(../images/cate_camera.png) no-repeat; bottom:0; float:left; height:182px; line-height:370px; position:relative; text-align:center; text-indent:0; width:200px; background-size:100%; font-size:1.2em;}
 a span.cate_ha{background:url(../images/cate_home_appliance.png) no-repeat; bottom:0; float:left; height:182px; line-height:370px; position:relative; text-align:center; text-indent:0; width:200px; background-size:100%; font-size:1.2em;}
.copyright_wrap {font-size:68%; left:50%; margin-left:-150px; margin-top:390px; position:absolute; padding-bottom:10px;}

@media screen and (max-width:720px) {
.cbp-hropen .cbp-hrsub {display:block; padding-bottom:2em; float:left; margin-top:-3px; height:340px;}
.cbp-hrmenu .cbp-hrsub-inner > div {float:left; padding:0 1em; width:50%;}
.cbp-hrmenu {font-size:90%;}
.cbp-hrsub h4 {color:#000; padding:1em 0 0em; margin:0; font-size:125%; font-weight:300;}
.container > header h1 {
    background: url("../images/logo.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    float: left;
    font-size: 2.125em;
    font-weight: 400;
    height: 44px;
    line-height: 1.3;
    margin: 0 0 0.3em;
    text-indent: -9999px;
    width: 232px;
}
.cbp-hropen .cbp-hrsub {display:block; padding-bottom:2em; float:left;}
.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {margin:0 auto; max-width:70em; padding:1em 1.875em; width:90%;}
.cbp-hropen a .cate_tv {background:url(../images/cate_tv_video_hover.png) no-repeat 100% auto; bottom:0; color:#999; float:left; height:118px; line-height:207px; position:relative; text-align:center; text-indent:0; width:130px;}
.cbp-hropen a .cate_mobile {background: url(../images/cate_mobile_hover.png) no-repeat 100% auto; bottom:0; color:#999; float:left; height:118px; line-height:207px; position:relative; text-align:center; text-indent:0; width:130px;}
.cbp-hropen a .cate_camera {background:url(../images/cate_camera_hover.png) no-repeat 100% auto; bottom:0; color:#999; float:left; height:118px; line-height:207px; position:relative; text-align:center; text-indent:0; width:130px;}
.cbp-hropen a .cate_ha {background:url(../images/cate_home_appliance_hover.png) no-repeat 100% auto; bottom:0; color:#999; float:left; height:118px; line-height:207px; position:relative; text-align:center; text-indent:0; width:130px;}
 a span.cate_tv {background:url(../images/cate_tv_video.png)  no-repeat 100% auto; bottom:0; color:#999; float:left; height:118px; line-height:207px; position:relative; text-align:center; text-indent:0; width:130px;}
 a span.cate_mobile {background:url(../images/cate_mobile.png) no-repeat 100% auto; bottom:0; color:#999; float:left; height:118px; line-height:207px; position:relative; text-align:center; text-indent:0; width:130px;}
 a span.cate_camera  {background:url(../images/cate_camera.png) no-repeat 100% auto; bottom:0; color:#999; float:left; height:118px; line-height:207px; position:relative; text-align:center; text-indent:0; width:130px;}
 a span.cate_ha{background:url(../images/cate_home_appliance.png) no-repeat 100% auto; bottom:0; color:#999; float:left; height:118px; line-height:207px; position:relative; text-align:center; text-indent:0; width:130px;}
 .copyright_wrap {font-size:68%; left:50%; margin-left:-150px; margin-top:340px; position:absolute; padding-bottom:10px;}

@media screen and (max-width:600px) {
	.container > header h1 {
    background: url("../images/logo.png") no-repeat scroll center center / 100% auto rgba(0, 0, 0, 0);
    float: left;
    font-size: 2.125em;
    font-weight: 400;
    height: 44px;
    line-height: 1.3;
    margin: 0 0 0.3em;
    text-indent: -9999px;
    width: 232px;
}
.cbp-hropen .cbp-hrsub {display:block; padding-bottom:2em; float:left; margin-top:-3px; height:280px;}
.cbp-hrmenu > ul > li {display:inline-block; float:left; width:25%;}
.cbp-hrmenu .cbp-hrsub-inner > div {float:left; padding:0em 0.5em; width:50f%;}
.cbp-hrmenu {font-size:76%;}
.cbp-hrsub h4 {color:#000; padding:1em 0 0em; margin:0; font-size:150%; font-weight:300;}
.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {margin:0 auto; max-width:70em; padding:1em 1.875em; width:90%;}
.cbp-hropen a .cate_tv {background:url(../images/cate_tv_video_hover.png) no-repeat; width:100px; height:91px; line-height:160px; float:left; background-size:100%; position:relative; text-align:center; text-indent:0;}
.cbp-hropen a .cate_mobile {background:url(../images/cate_mobile_hover.png) no-repeat; width:100px; height:91px; line-height:160px; float:left; background-size:100%; position:relative; text-align:center; text-indent:0;}
.cbp-hropen a .cate_camera {background:url(../images/cate_camera_hover.png) no-repeat; width:100px; height:91px; line-height:160px; float:left; background-size:100%; position:relative; text-align:center; text-indent:0;}
.cbp-hropen a .cate_ha {background:url(../images/cate_home_appliance_hover.png) no-repeat; width:100px; height:91px; line-height:160px; float:left; background-size:100%; position:relative; text-align:center; text-indent:0;}
a span.cate_tv {background:url(../images/cate_tv_video.png) no-repeat; width:100px; height:91px; line-height:160px; float:left; background-size:100%; position:relative; text-align:center; text-indent:0;}
a span.cate_mobile {background:url(../images/cate_mobile.png) no-repeat; width:100px; height:91px; line-height:160px; float:left; background-size:100%; position:relative; text-align:center; text-indent:0;}
a span.cate_camera  {background:url(../images/cate_camera.png) no-repeat; width:100px; height:91px; line-height:160px; float:left; background-size:100%; position:relative; text-align:center; text-indent:0;}
a span.cate_ha{background:url(../images/cate_home_appliance.png) no-repeat; width:100px; height:91px; line-height:160px; float:left; background-size:100%; position:relative; text-align:center; text-indent:0;}
.copyright_wrap {font-size:90%; left:50%; margin-left:-150px; margin-top:290px; position:absolute; padding-bottom:10px;}
}

@media screen and (max-width:480px) {
.container {
    /* background: linear-gradient(#5FC900, #0052A1) repeat scroll 0 0 rgba(0, 0, 0, 0); */
    height:50px;
}
	
	.container > header {
    margin: 0 auto;
    max-width: 69em;
    width: 360px;
	text-align:center;
}
.cbp-hropen .cbp-hrsub {display:block; padding-bottom:2em; float:left; margin-top:-3px; height:auto;}
.container > header h1 {
    background:url("../images/logo_320.png") no-repeat scroll 0 center / 100% auto rgba(0, 0, 0, 0);
    float: left;
    font-size: 2.125em;
    font-weight: 400;
    height: 42px;
    line-height: 1.3;
    margin: 0 0 0.3em;
    text-indent: -9999px;
    width: 100%;
}
.cbp-hrsub h4 {color:#000; padding:1em 0 0em; margin:0; font-size:120%; font-weight:300;}
.cbp-hrmenu .cbp-hrsub-inner > div {float:left; padding:0em 0em 0 0; width:100%;}
.cbp-hropen a .cate_tv {
    background: url("../images/cate_tv_video.png") no-repeat scroll left 0px / 18% auto #FFFFFF;
    color: #5FC900;
    float: left;
    height: 50px;
    line-height: 52px;
    margin-left: -8px;
    margin-top: -17px;
    position: relative;
    text-align: center;
    text-indent: 0;
    width: 360px;
	font-size:1em;
}
.cbp-hropen a .cate_mobile {
    background: url("../images/cate_mobile.png") no-repeat scroll left 0px / 18% auto #FFFFFF;
    color: #5FC900;
    float: left;
    height: 50px;
    line-height: 52px;
    margin-left: -8px;
    margin-top: -17px;
    position: relative;
    text-align: center;
    text-indent: 0;
    width: 360px;
	font-size:1em;
}
.cbp-hropen a .cate_camera {
    background: url("../images/cate_camera.png") no-repeat scroll left 0px / 18% auto #FFFFFF;
    color: #5FC900;
    float: left;
    height: 50px;
    line-height: 52px;
    margin-left: -8px;
    margin-top: -17px;
    position: relative;
    text-align: center;
    text-indent: 0;
    width: 360px;
	font-size:1em;
}
.cbp-hropen a .cate_ha {
    background: url("../images/cate_home_appliance.png") no-repeat scroll left 0px / 18% auto #FFFFFF;
    color: #5FC900;
    float: left;
    height: 50px;
    line-height: 52px;
    margin-left: -8px;
    margin-top: -17px;
    position: relative;
    text-align: center;
    text-indent: 0;
    width: 360px;
	font-size:1em;
}
a span.cate_tv {
    background: url("../images/cate_tv_video.png") no-repeat scroll left 0px / 18% auto rgba(0, 0, 0, 0);
    color: #000000;
    float: left;
    font-size: 1em;
    height: 50px;
    line-height: 52px;
    margin-left: -8px;
    margin-top: -17px;
    position: relative;
    width: 360px;
}
a span.cate_mobile {
    background: url("../images/cate_mobile.png") no-repeat scroll left 0px / 18% auto rgba(0, 0, 0, 0);
    color: #000000;
    float: left;
    font-size: 1em;
    height: 50px;
    line-height: 52px;
    margin-left: -8px;
    margin-top: -17px;
    position: relative;
    width: 360px;
}
a span.cate_camera  {
    background: url("../images/cate_camera.png") no-repeat scroll left 0px / 18% auto rgba(0, 0, 0, 0);
    color: #000000;
    float: left;
    font-size: 1em;
    height: 50px;
    line-height: 52px;
    margin-left: -8px;
    margin-top: -17px;
    position: relative;
    width: 360px;
}
a span.cate_ha {
    background: url("../images/cate_home_appliance.png") no-repeat scroll left 0px / 18% auto rgba(0, 0, 0, 0);
    color: #000000;
    float: left;
    font-size: 1em;
    height: 50px;
    line-height: 52px;
    margin-left: -8px;
    margin-top: -17px;
    position: relative;
    width: 360px;
}
.cbp-hrmenu > ul > li > a {display:block; padding:1em 3em;}
.cbp-hrmenu > ul > li.cbp-hropen a,
.cbp-hrmenu > ul > li.cbp-hropen a, .cbp-hrmenu > ul > li.cbp-hropen > a:hover {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #F9F9F9;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #777777;
    height: 50px;
    width: 70px;
}
.cbp-hrmenu {font-size:120%;}
.cbp-hrmenu > ul > li {display:inline-block; float:left; width:100%;}
.cbp-hrmenu > ul > li {border-bottom:4px solid #47A3DA; display:block;}
.cbp-hrmenu {font-size:120%; border:none;}
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {width:100%; padding:0;}
.cbp-hrmenu .cbp-hrsub-inner {padding:0 1.5em; font-size:75%;}
.cbp-hrmenu > ul > li {display:block; border-bottom:2px solid #F9F9F9;}
.cbp-hrmenu > ul > li > a {display:block; padding:1em .51em;}
.cbp-hrmenu .cbp-hrsub {position:relative;}
.cbp-hrsub h4 {padding-top:0.6em;}
.copyright_wrap {font-size:68%; left:50%; margin-left:-150px; margin-top:390px; position:absolute; display:none;}
.cbp-hropen .cbp-hrsub {display:block; padding-bottom:2em; float:left; margin-top:-5px; min-height:0px;}
.cbp-hropen .cbp-hrsub {
    display: block;
    float: left;
    margin-top: -5px;
    min-height: 0;
    padding-bottom: 1em;
}
section#section5.detail {display:none;}
}