@charset "utf-8";
/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */




#top #header .avia_mega_div > .sub-menu{ border:0px;border-top-width: 0px; margin:0 auto;}
#header .avia_mega_div .units{border-right-width:0px; background-image:url(../images/xxx.jpg); background-position:72% 10px; background-repeat:no-repeat;}
#header .avia_mega_div .avia_mega_menu_columns_last{ background-image:none;}

#top .header_color ul li.about .avia-menu-fx{ background-color:#0078b7;}
#top .header_color ul li.contact .avia-menu-fx{ background-color:#5eafa6;}
#top .header_color ul li.news .avia-menu-fx{ background-color:#d1555f;}
#top .header_color ul li.service .avia-menu-fx{ background-color:#78cbeb;}

#top .current-menu-parent  .avia-menu-fx {
    opacity: 1;
    visibility: visible;
}
#top #header .mega_menu_title a:hover{ text-decoration:none;}
#top #header .mega_menu_title a{ font-size:20px; font-weight:normal; background-position:left center; background-repeat:no-repeat; padding-left:20px; background-size:8px;}
#top #header .about01 .mega_menu_title a{ background-image:url(../images/lan.jpg);}
#top #header .about02 .mega_menu_title a{ background-image:url(../images/lan2.jpg);}
#top #header .about03 .mega_menu_title a{ background-image:url(../images/hong.jpg);}
#top #header .about04 .mega_menu_title a{ background-image:url(../images/huang.jpg);}

body.archive .mycats{ display:none;}
body.archive .avia-content-slider .slide-entry-title{ font-weight:normal; margin-bottom:15px;}
body.archive .slide-entry-excerpt{ display:none;}
#top .ccc001{z-index:100;}
#top.page-id-244 .avia-section{ position:relative;}
#top .ccc002{z-index:90;}
#top .mm001{ z-index:25;}
#top .mm002{ z-index:24;}
#top .mm003{ z-index:23;}
#top .mm004{ z-index:22;}
#top .ccc{ z-index:20;}
#top .cccs001{ z-index:20;}
#top .cccs002{ z-index:19; }
#top .cccs003{ z-index:18;}

#top .cccs004{ z-index:17;}
#top .cccs005{ z-index:16;}
#top .cccs006{ z-index:15;}
#top .cccs007{ z-index:14;}
#top .cccs008{ z-index:13;}
#top .cccs009{ z-index:12;}
#top .cccs010{ z-index:11;}
#top .cccs011{ z-index:10;}
#top .cccs012{ z-index:9;}
#top .cccs013{ z-index:8;}
#top .cccs014{ z-index:7;}
#top .cccs015{ z-index:6;}

.myrwjs{ display:none; position:absolute; width:100%; background-image:url(../images/rwjs3.png); background-position:top left; background-repeat:no-repeat; padding:40px; z-index:10000; margin-top:-10px; padding-top:60px; padding-bottom:15px;}
.myrw:hover .myrwjs{ display:block;}
.myrw:hover h3 span{color:#007fb7;}

#top .myrwjs:before { content: ''; background-image:url(../images/qian.png); width:14px; height:13px; display:block; margin-left:-20px; position:absolute;}
#top .myrwjs:after { content: ''; background-image:url(../images/hou.png); width:14px; height:13px; display:block; float:right;margin-left:-20px;}



.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	width: 100%;
	display: block;
}
.bx-wrapper .bx-viewport {
	
	/*background: #fff;*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 8887;
}
.bx-pager-item{ display:none;}
.bx-wrapper .bx-prev {
	left: -40px;
	background: url(../images/controls3.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: -25px;
	background: url(../images/controls3.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

#top #header .avia_mega_div > .sub-menu > li.hidemenus{display:none;}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (max-width: 767px) {
#top #av-masonry-2.av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content{ display:none;}
#top #header .avia_mega_div > .sub-menu > li.hidemenus{display:block;}

}



/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */

}