@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0}
a{text-decoration:none; color:#333;}
a img{border:none;}
ul li{list-style:none;}

@font-face{ 
font-family:"OpenSans-Regular";
	src: url('../font/OpenSans-Regular.eot'); 
	src: 
	url('../font/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), 
	url('../font/OpenSans-Regular.woff') format('woff'),
	url('../font/OpenSans-Regular.ttf') format('truetype'), 
	url('../font/OpenSans-Regular.svg#webfont') format('svg'); 
}

body{background:url(../images/bg.png); font-family:OpenSans-Regular; font-size:14px; line-height:1.8; color:#333;}
.clearfix{clear:both;}
#wapper{margin:auto;width:1000px;}
#header{float:left; width:100%; height:209px; background:url(../images/bg_haed.png) center no-repeat; }
#head{width:1000px; margin:auto}

#menu{background:url(../images/nav.png) repeat-x; height:50px; width:100%;float:left;}
#nav-c{ width:1000px; margin: auto}

#menu ul li{list-style:none; line-height:1.6; float:left;padding-top:14px; padding-bottom:10px; padding-right:5px; position:relative;z-index:20;}
#menu ul li ul{position:absolute; display:none; z-index:10;}
#menu ul li:hover > ul{display:block}

#menu ul li a{ color:#FFF; text-transform:uppercase; text-shadow:0px 1px 1px #666666 ; border-right:1px solid #FFF ; padding-left:7px; padding-right:7px; font-size:14px; }

#menu ul > li > ul{
background:#090; 
top:100%;
width:220px;
left:0;
position:absolute;
}
#menu ul > li > ul > li{width: 100%; padding-top:0px; padding-bottom:0; }
#menu ul > li > ul > li > a{
	padding-left:10px;
	padding-right:0;
	text-transform: none;
	padding-top:3px;
	padding-bottom:3px;
	width:210px;
	float:left;
	font-weight: normal;
	border-bottom:1px solid #0CC;
	color:#FFF;
	border-right:none;
	
}
#menu ul > li > ul > li:hover{background:#0C0; padding-right:0}



#conten{float:left; width:1000px;background:#FFFFFF; }

.show_container{background:url(../images/show_butom_con.png) center no-repeat; margin-top:-3px; height:24px; width:100%; float:left; }


.video{border:1px solid #FFF; height:230px; margin-bottom:6px;}
#all-menu-r{float:right; width:247px; margin-right:7px; }
#v-menu-r{background:url(../images/sidebar-right.png); width:247px; height:55px; text-align:center; position:relative; z-index:10; }
#v-menu-r h1{font-size:13px;color:#FFF;padding-top:15px; text-transform:uppercase; padding-bottom:4px;}
#menu-l-conten-r{width:204px; float:right; background:#AEAEAE; margin-top:-8px;  padding:10px 8px 6px 8px;}

#all-menu-l{float:left; width:247px;}
#menu-l{float:left; width:238px; margin-left:8px; }
#v-menu-l{background:url(../images/title-sidebar.png); width:247px; height:55px; text-align:center; position:relative; z-index:10; margin-left:-9px;}
#v-menu-l h1{font-size:13px;color:#FFF;padding-top:15px; text-transform:uppercase; padding-bottom:4px;}
#menu-l-conten{width:204px; float:left; background:#AEAEAE; margin-top:-8px; padding:10px 8px 6px 8px;}

#menu-l-text ul li{ list-style:none; line-height:1.6; float:left; background:#d5effe; width:100%; margin-bottom:1px; margin-top:1px;}
#menu-l-text ul li img{float:left; margin-left:8px; margin-top:6px;}
#menu-l-text ul li a{float:left; color:#069; padding-left:10px; text-transform:none; font-weight:bold; font-size:12px; padding-top:3px; padding-bottom:5px;  }

.project{background:url(../images/bg_project.png); float:left; margin-left:12px; margin-right:12px; width:976px; margin-bottom:10px; margin-top:10px;}

#box-slider{float:left;}
#galery{float:left; width:970px;height:376px; margin-left:12px; margin-top:5px; border:3px solid #2CA323 }
.theme-default #slider{width:970px !important; height:376px !important; box-shadow:none !important;}
.show_slider{background:url(../images/show.png) center; width:100%; float:left; height:17px; margin-bottom:5px; margin-top:3px;}

.search-link{float:left; width:100%; margin-top:25px; margin-left:30px; bottom:10px;}
.search{background:#8d8d8d; float:left; padding:4px 5px 4px 5px; margin-bottom:6px; border-radius:6px;}
.txt_search{background:transparent; border:1px solid #FFF; height:20px; width:225px; float:left }
.btn_search{background:url(../images/iconsearch.png); width:20px; height:20px; border:none; position:relative; display:block; margin-top:1px; margin-left:-22px; float:right}

.wellcom{float:left; width:500px; color:#F00; text-transform:uppercase; margin-left:10px; font-family:"Times New Roman", Times, serif; margin-top:5px;}
.weblink{margin-left:30px; float:left;background:#8d8d8d; float:left; padding:4px 5px 4px 5px;}

#conten-center{float:left; width:515px; margin-left:10px; }
.container{float:left; width:100%; margin-top:15px;}
#con{float:left; width:100%; background:#FFF; margin-bottom:8px;}
#con-title{ text-align:left; background:url(../images/title.png) repeat-x; height:49px; }
#con-title h5{color:#333; text-transform:uppercase; padding-top:15px; font-size:13px;  padding-bottom:2px; padding-left:5px; border-bottom:4px double #CCC}
#con-text{float:left; width:98%; padding:8px; }

#news_home{float:left; width:100%; margin-bottom:5px;}
#news_home img{ float:left; margin-right:7px; margin-top:5px;}
#news_home a{font-weight:bold; color:#2E5701;}
#new-home{float:left; width:100%; margin-bottom:10px;}
#new-home img{border:4px solid #DEDEDE; padding:1px; float:left; margin-right:10px;}
#new-home a{ font-size:14px; font-weight:bold; color:#002AFE;}
#new-con{padding-left:60px;}
#new-con a{color:#1138FE;}

#product{float:left; width:216px; border:1px solid #CCC;padding:6px; box-shadow:1px 1px 1px 1px #ddd; text-align:center; margin:10px 10px 10px 10px; height:200px; text-align:left}
#product:hover{border:1px solid #090;}
#product img{width:216px; height:170px; margin-bottom:6px; }
#product a{font-weight:normal; color:#333333}
.detail{float:right}
.detail a{color:#F00 !important; font-weight:bold !important}

#project-item{float:left; width:300px; text-align:center; margin:5px 10px 5px 10px; }
#project-item img{width:300px; height:180px; padding:2px;  background:#FFF}
#project-item a{font-weight:normal; text-transform:uppercase; font-weight:bold; }


#news{float:left; width:100%; margin-bottom:3px;}
#news img{float:left; width:50px; height:40px; margin-right:5px; border:1px solid #FFF; margin-top:5px; }
#news p{height:45px; overflow:hidden;}
#news a{color:#333;}
#news a:hover{text-decoration:underline;}
#footer{float:left; width:100%; padding:10px 0 0 0; color:#333; }
#footer-content{width:1000px; margin:auto}
#footer-left{float:left; width:50%; margin-bottom:10px; }
#footer-right{float:right;width:50%;}
.total{width:100%;text-align:center;}
.nav-footer {float:left; background: url('../images/footer.png') repeat-x; width:100%; height:50px }
.nav-footer li{float:left; padding-top:18px;}
.nav-footer li a{font-size:13px; font-weight:bold; color:#FFF; border-right:1px solid #FFF; padding-left:14px; padding-right:14px;}
#nav-footer-con{margin:auto; width:900px;}

.tflienhe{border:1px solid #CCC; padding:5px; margin-bottom:5px; width:250px;}
.noidung{border:1px solid #CCC; font-size:13px; font-family:Tahoma, Geneva, sans-serif; width:260px;}
.butom{background:#F00; border:none; padding:5px; color:#FFF; }
.box-new{float:left; width:100%; border-bottom:1px dotted #CCC; margin-bottom:5px; margin-top:2px; text-align:justify}
.box-new img{width:140px; height:100px; float:left; border:1px solid #ddd;  padding:2px; margin-right:10px; margin-bottom:10px; margin-top:5px;}
.box-new a{font-weight:bold; color:#03F;}
.box-new a:hover{text-decoration:underline;}
fieldset{border:1px solid #CCC; padding:8px;}
#video{float:left; margin-top:10px; margin-bottom:10px; box-shadow:1px 1px 1px #CCC; padding:2px; margin-right:7px; margin-left:7px;}
.item-gallery{margin-right:13px; width:127px; border:1px solid #CCC}

.brand-slider .jcarousel-item {
	margin-right:6px;
	float: left;
	list-style: none outside none;
	text-align: center;
	padding-top:8px;
	padding-bottom:8px;
	
}
.brand-slider .jcarousel-item-horizontal {
	margin-right: 0px;
	position: relative;
}
.brand-slider .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
.brand-slider .product-image {
	display: inline-block;
	margin: 0 0 8px;
}
/**
 *  Horizontal Buttons
 */
.ma-brand-slider .jcarousel-next-horizontal {
	background: url(../images/frist.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 20px;
	right:25px;
	position: absolute;
	top: -15%;
	width: 20px;
}
.ma-brand-slider .jcarousel-next-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-next-horizontal:active {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-next-disabled-horizontal, .ma-brand-slider .jcarousel-next-disabled-horizontal:hover, .ma-brand-slider .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-prev-horizontal {
	background: url(../images/next.png) no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 20px;
	right:0px;
	position: absolute;
	top: -15%;
	width: 20px;
}
.ma-brand-slider .jcarousel-prev-horizontal:hover {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-prev-horizontal:active {
	background-position: 0 100%;
}
.ma-brand-slider .jcarousel-prev-disabled-horizontal, .ma-brand-slider .jcarousel-prev-disabled-horizontal:hover, .ma-brand-slider .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: 0 100%;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.ma-brand-slider .jcarousel-container {
	position: relative;
}
.ma-brand-slider .jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.ma-brand-slider .jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
.ma-brand-slider .jcarousel-next {
	z-index: 3;
	display: none;
}
.ma-brand-slider .jcarousel-prev {
	z-index: 3;
	display: none;
}
.box-online {
    padding-bottom: 20px;
    padding-top: 7px;
    text-align: center;
    width: 100%;
}
div.page {
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 5px;
}
div.page div.paging {
	margin-top: 7px;
	padding-bottom: 5px;
	text-align: center;
}
div.page div.paging.paging span.current, .paging a {
	border: 1px solid #09C;
	background: #fff;
	margin-right: 5px;
	display: inline-block;
	padding: 0px 10px;
	color: #333;
}
div.page div.paging.paging span.current, .paging span {
	border: 1px solid #666;
	background: #26791F;
	color: #FFF;
}
div.page div.paging div.paging span.current, .paging a:hover {
	background-color: #CCC;
}
#dangxem {
	background: #0099CC;
	color: #fff;
}
#logo-mobile{display:none;}
#banner-mobile{display:none;}
#menu-show{display:none;}
.show-menu-sub{display:none}
.box_pro{float:left; margin-top:10px; margin-left:10px; margin-right:15px; border:1px solid #CCC; padding:2px;width:250px;}
.box_title{float:left; width:200px; margin-top:2px;}
.phonering-alo-phone {position:fixed;visibility:hidden;background-color:transparent;width:200px;height:200px;
 cursor:pointer;z-index:200000!important;right:150px;bottom:-50px;left:-50px;display:block;
 -webkit-backface-visibility:hidden;
 -webkit-transform:translateZ(0);
 transition:visibility .5s;
}
.phonering-alo-phone.phonering-alo-show {visibility:visible}
.phonering-alo-phone.phonering-alo-static {opacity:.6}
.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {opacity:1}
.phonering-alo-ph-circle {width:160px;height:160px;top:20px;left:20px;position:absolute;
 background-color:transparent;border-radius:100%;border:2px solid rgba(30,30,30,0.4);
 opacity:.1;
 -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
 animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
 transition:all .5s;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color:#272d6b;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color:#00aff2;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color:#ccc;
    opacity:.5
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color:#75eb50;
    opacity:.5
}
.phonering-alo-ph-circle-fill {width:100px;height:100px;top:50px;left:50px;position:absolute;background-color:#000;
 border-radius:100%;border:2px solid transparent;
 -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
 animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
 transition:all .5s;
 -webkit-transform-origin:50% 50%;
 -ms-transform-origin:50% 50%;
 transform-origin:50% 50%
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}
.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity:0!important
}
.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(39,45,107,0.5);
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(39,45,107,0.5);
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color:rgba(0,175,242,0.5);
}
.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color:rgba(204,204,204,0.5);
    opacity:.75!important
}
.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color:rgba(117,235,80,0.5);
    opacity:.75!important
}
.phonering-alo-ph-img-circle {
    width:60px;
    height:60px;
    top:70px;
    left:70px;
    position:absolute;
    background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius:100%;
    border:2px solid transparent;
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color:#00aff2;
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color:#272d6b;
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color:#00aff2;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color:#ccc;
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
        -webkit-opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        -webkit-opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        -webkit-opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform:rotate(0) scale(.5) skew(1deg);
                transform:rotate(0) scale(.5) skew(1deg);
        opacity:.1
    }

    30% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.5
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
        opacity:.2
    }

    100% {
        -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
        opacity:.2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
                transform:rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform:rotate(25deg) scale(1) skew(1deg);
                transform:rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg)
    }
}
#footer1 {
    z-index: 1000;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #cb0000;
    display: none;
}
#footer1 table {
    width: 100%;
    text-align: center;
    margin: auto;
}
#footer1 a {
    color: #fff;
}
#footer1 img {
    width: 30%;
    max-width: 35px;
    vertical-align: middle;
}
@media (max-width:1100px){
 #header{background:#fff;height:80px;}
 #head{width:100%;}
 #head-content{display:none;}
 #logo-mobile{display:block;margin-top:10px;margin-left:20px;float:left;}
 #banner-mobile{display:block;margin-top:10px;float:left;margin-left:20%;height:60px;}
 #menu-show{display:block;float:right;margin-top:20px;margin-right:20px;}
 #menu-show img{height:24px;cursor:pointer;
	     transition:All 1s ease;
	    -webkit-transition:All 1s ease;
	    -moz-transition:All 1s ease;
	    -o-transition:All 1s ease;
	    transform: scale(1.1);
	    -webkit-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);

 }
 #menu{background:#206518;width:100%;}
 #nav-c{width:100%;overflow:hidden}
 #menu ul{width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:relative;z-index:888;display:none;}
 #menu ul li{float:none;width:100%;line-height:30px;padding-left:20px;border-right:none;border-bottom:1px solid #ddd;}
 #menu ul li a{border-right:none;height:30px;}
 .show-menu-sub{display:block;font-size:14px;color:#FFFFFF;position:absolute;top:12px;left:110px;cursor:pointer;}
 #menu ul li ul{position:relative;z-index:999;width:100%;}
 #menu ul li ul li{width:100%;line-height:40px;float:none;padding-left:20px;background-color:rgba(0,0,0,1);}
 #menu ul li ul li a{float:none;padding-left:0;}
 #menu ul li ul li:hover{background:#ddd;}
 #menu ul li:hover ul{display:none;} 
 .menu-m-active{      
	     transition:All 1s ease;
	    -webkit-transition:All 1s ease;
	    -moz-transition:All 1s ease;
	    -o-transition:All 1s ease;
	    transform: scale(1.1);
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
 }
 .menu-active{display:block !important;} 
 .menu-active-sub{display:block !important;} 
 #con{width:100%;}
 #con-title{ text-align:left;width:100%;}
 #product{float:left; width:28%; border:1px solid #CCC;padding:6px; box-shadow:1px 1px 1px 1px #ddd; text-align:center; margin:10px 10px 10px 10px; height:200px; text-align:left}
 #product:hover{border:1px solid #090;}
 #product img{width:100%; height:170px; margin-bottom:6px; }


 
 #wapper{width:100%;overflow:hidden;}
 #galery{width:99%;margin-left:0;}
 #galery .theme-default #slider{width:100% !important;}
 #galery .theme-default #slider img{width:100%;border:1px solid #CC0000}
 #conten{width:100%;margin-left:0;margin-right:0;}
 .project{width:100%;margin-left:0;margin-right:0;}
 
 #project-item{width:30.5%;}
 #project-item img{width:100%;}
 #footer{width:100%;}
 #footer-content{width:100%;}
 #footer-content{width:100%; margin:auto;}
 #footer-left{float:left; width:50%;padding-left:10px;}
 #footer-right{float:right;padding-right:10px;}
 #nav-footer-con{width:90%;}
 .nav-footer li a{padding-left:8px;padding-right:8px;}
   #footer1{
        display: block;
    }
    #footer1 a {
        text-decoration: none;
    }
 }
 
 @media (max-width:800px){
  #product{width:27.5%;height:240px;}
 }
 
 @media (max-width:768px){
  #banner-mobile{margin-left:0;}
  #project-item{width:100%;margin-bottom:30px;}
  #project-item img{width:100%;height:350px;}
  #product{width:94%;height:350px;}
  #product img{height:300px;}
  .box_pro{float:left; margin-top:10px; margin-left:3%; margin-right:3%; border:1px solid #CCC; padding:2px;width:92%;}
  .box_title{float:left; width:100%; margin-top:2px;}
  #footer-left{float:left; width:90%;padding-left:0px;}
  #footer-right{float:left;width:90%;padding-left:0px;}
  #nav-footer-con{width:100%;}
  #nav-footer-con li{width:50%;background:#206518;border-bottom:1px solid #ddd;padding-left:0;}
  #nav-footer-con li a{border-right:0;}
   .nav-footer li a{padding-left:10px;padding-right:0px;}
 }
  @media (max-width:586px){
  #galery{height:280px;}
.theme-default #slider{height:280px !important;}

  }
 
  @media (max-width:470px){
   #banner-mobile{height:40px;padding-left:20px;}
     #project-item img{width:100%;height:250px;}
  }