@charset "utf-8";

@font-face {
	font-family: 'RobotoBold';
	src:url('fonts/Roboto-Bold.eot');
	src:url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Roboto-Bold.woff') format('woff'),
		url('fonts/Roboto-Bold.ttf') format('truetype'),
		url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src:url('fonts/Roboto-Light.eot');
	src:url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Roboto-Light.woff') format('woff'),
		url('fonts/Roboto-Light.ttf') format('truetype'),
		url('fonts/Roboto-Light.svg#Roboto-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;height:0;}
[hidden]{display:none;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;color: #363636;line-height:1.5em;font-family:Arial, Helvetica, sans-serif;font-size:14px;-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
-o-user-select: none;
user-select: none;
}
:focus      { outline:0; }
a:focus{outline:0;}
a:active,a:hover{outline:0;}
h1{font-size:2em;margin:0.67em 0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background:#ff0;color:#000;}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}
pre{white-space:pre-wrap;}
q{quotes:"\201C" "\201D" "\2018" "\2019";}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.2em;}
sub{bottom:-0.25em;}
img {max-width: 100%;height: auto;width: auto; /* ie8 */}
svg:not(:root){overflow:hidden;}
figure{margin:0;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal;}
button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}
table{border-collapse:collapse;border-spacing:0;}

.clear { clear:both;}
.fl{float:left;}
.fr{float:right;}
.cf:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both; height: 0px;}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

a           { color:#333; text-decoration:none; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a:hover     { color:#00038a; text-decoration:underline; -webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
a img       { border:0;}
:focus      { outline:0; }
.listn{list-style:none;padding:0;margin:0;}

.boradius5{-o-border-radius: 5px;-icab-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;
-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.bortop5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;}
.borbot5{-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.borleft5{-moz-border-top-left-radius: 5px;-webkit-border-top-left-radius: 5px;-ms-border-top-left-radius: 5px;-o-border-top-left-radius: 5px;border-top-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-ms-border-bottom-left-radius: 5px;-o-border-bottom-left-radius: 5px;border-bottom-left-radius: 5px;}

.borright5{-moz-border-top-right-radius: 5px;-webkit-border-top-right-radius: 5px;-ms-border-top-right-radius: 5px;-o-border-top-right-radius: 5px;border-top-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-ms-border-bottom-right-radius: 5px;-o-border-bottom-right-radius: 5px;border-bottom-right-radius: 5px;}

.shadow{box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.1);}
.shadow1{-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.bneffect{-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;
}
.bneff1{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.cl1{color:#ff7800;}

#warraper{width:1170px;margin:auto;}
#top{position:relative;width:100%;}
#top .headbg{width:100%;}
#top .toph{height:99px;background:url(../images/line1.jpg) repeat-x;}
#top .header{position:absolute;top:0;width:100%;}
#top .logo{position:absolute;top:0;}
#logo{padding-left:25px;}

#header{height:83px;}
#header .slogan{float:left;padding:50px 0 0 195px;}
#header .lang{float:right;padding:52px 5px 0 0;}
#header .active{color:#f80f0f;}
#header .contact{float:right;border-right:1px dotted #363636;margin:50px 10px 0 0px;padding:0 20px 0 10px;}
#menutop{height:40px;background:#10218b;padding-left:20px;}
#boxsearch{float:right;width:200px;padding-top:7px;padding-right:7px;}
#boxsearch .ipt-text{float:left;height:22px;background:#fff;width:150px;padding:4px 0 0 15px;}
#boxsearch .ipt-text input{border:none;width:140px;}
#boxsearch .ipt-button{float:left;width:35px;background:#f80f0f;}
#boxsearch .ipt-button button{background:none;border:none;color:#fff;height:26px;width:35px;}

#topbg{background:url(../images/pathbg.jpg) no-repeat center;height:45px;padding-top:52px;text-align:center;color:#fff;}
#pathlink{font-size:16px;}
#pathlink .ptitle{font-size:13px;font-family:'Roboto',Arial, Helvetica, sans-serif;}
.PathCss{color:#fff;text-transform:uppercase;font-size:13px;font-family:'Roboto',Arial, Helvetica, sans-serif;display:inline-block;padding:0 5px;}
.PathCss:hover{color:#f80f0f;text-decoration:none;}

#right{float:right;width:23%;padding-left:2%;}
#main{float:left;width:75%;text-align:justify;}

#posttile,#posttile h1{border-bottom:1px solid #F00;font-family:'Roboto',Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;
padding:0;margin:0;color:#00038a;height:30px;line-height:30px;text-transform:uppercase;font-weight:bold;}
#content{padding-top:20px;}

#lastnews ul{padding:10px 0 10px 15px;margin:0;}
#lastnews ul li{padding:5px 0;text-align:justify;}
#lastnews ul li a:hover{color:#fe0000;}

#download{line-height:32px;height:32px;padding:10px 0;}
#download a{font-weight:bold;color:#900;display:inline-block;padding-left:35px;background-repeat:no-repeat;}
#download .pdf{background-image:url(../images/type/pdf.png);}
#download .doc{background-image:url(../images/type/doc.png);}
#download .xls{background-image:url(../images/type/xls.png);}
#download .ppt{background-image:url(../images/type/ppt.png);}
#download .avi{background-image:url(../images/type/avi.png);}
#download .img{background-image:url(../images/type/img.png);}
#download .zip{background-image:url(../images/type/zip.png);}
#download .unk{background-image:url(../images/type/unk.png);}


.share{padding:10px 0;}
.pdb1{padding-bottom:10px;}
#listnews{margin-bottom:5px;padding-bottom:5px;}
#listnews .lnimg{width:200px;height:130px;border:4px solid #c6c5c3;background:#fff url(../images/noimg.png) center no-repeat;float:left;margin-right:20px;}
#listnews .lnimg img{width:200px;height:130px;}
#listnews .lninfo{height:115px;overflow:hidden;font-family:'Roboto',Arial;font-size:14px;color:#595757;text-align:justify;}
#listnews .lninfo a{color:#333;font-size:14px;font-weight:bold;font-family:'Roboto',Arial;}
#listnews .lninfo a:hover{color:#af1515;}
#listnews .lndesc{font-style:italic;}
#listnews .ncontact{text-align:right;margin-top:-20px;}
#listnews .ncontact a{color:#af1515;font-style:italic;}
.ntitle h1{font-size:17px;color:#333;padding:0 0 10px 0;font-family:'Roboto',Arial;margin:0;}
.newsmore{font-weight:bold;text-transform:uppercase;padding-top:2%;}
#NewsNew h2,#NewsOld h2 {font-weight:normal;font-size:14px;margin:0;}

#listnews a{color:#333;font-size:14px;font-weight:bold;font-family:'Roboto',Arial;}
#listnews a:hover{color:#af1515;}


.blockpage{text-align:right;padding:10px;}
.page,.pageselect{text-decoration:none;display: inline-block;width:32px;height:30px;text-align:center;line-height:30px;font-size:14px;margin-left:-2px;}
.page{color:#222121;border:1px solid #bab9b8;background:#d0cdcb;}
.page:hover,.pageselect:hover{color:#fff;text-decoration:none;background:#af1515;}
.pageselect{border:1px solid #a29f9e;background:#a4a1a0;color:#af1515;}

#menuright ul{
	list-style: none;
    margin: 0;
    padding: 0;    
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	}


#menuright ul li a {
	display:block;
	color:#252525;
	font-family:'Roboto';
	font-size:13px;
	text-transform:uppercase;
	height:35px;
	line-height:35px;
	text-decoration:none;
	border-bottom:1px dashed #666666;
}

#menuright ul li a.active,#menuright ul li a:hover {
	border-bottom:1px dashed #666666;
	color:#fe0000;
}

.main{padding:25px 0;}
#hotnews{float:left;width:48%;}

#home-faq{float:left;width:48%;margin-left:4%;padding-bottom:10px;}
#home-faq .morenews{float:left;width:380px;}
#home-faq ul{padding:10px 0 0 0;margin:0;list-style:none;}
#home-faq ul li{background:url(../images/dot.png) 3px 10px no-repeat;padding:4px 0 4px 20px;}
#home-faq ul li a{color:#202020;}
#home-faq ul li a:hover{color:#db1a1e;}

#hotnews ul{list-style:none;padding:10px 0;margin:0;}
#hotnews ul li{padding:8px 0;}
#hotnews ul li img{float:left;margin-right:10px;width:160px;}
#hotnews ul li .hn-info{max-height:110px;overflow:hidden;text-align:justify;}
#hotnews ul li .hn-title{padding-bottom:5px;}
#hotnews ul li .hn-title a{font-weight:bold;color:#333;}
#hotnews ul li .hn-title a:hover{color:#db1a1e;}

#home-gallery{float:left;width:48%;margin-left:4%;padding-top:10px;}

.pdb{padding-bottom:20px;}

#partner{width:100%;float:left;}
#partner .list-logo{text-align:center;padding:10px 0;}

#hdtitle{border-bottom:1px solid #ccc;}
#hdtitle .title{font-size:20px;font-family:'RobotoBold',Arial, Helvetica, sans-serif;border-bottom:3px solid #f80f0f;
color:#111;display:inline-block;margin-bottom:-2px;height:25px;font-weight:bold;text-transform:uppercase;}

#dl-menu{display:none;}

ul#navigation {margin:0px auto;position:relative;float:left;padding:0;}
ul#navigation li {display:inline;float:left;position:relative;white-space: nowrap;padding:0 1px;background:url(../images/mnuline.jpg) right center no-repeat;}
ul#navigation li:last-child{background:none;}
ul#navigation li a {
	text-transform:uppercase;
	font-family:'RobotoBold',Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	height:40px;line-height:40px;
	text-align:center;
	box-sizing:border-box;
	padding:0 5px;
	margin:0 13px;
	border-bottom:2px solid #10218b;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	
}
ul#navigation li a.active,
ul#navigation li a:hover,ul#navigation li:hover > a {
	color:#fff;
	border-bottom:2px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	-moz-transition: 0.2s ease;
	-ms-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
}

ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	width:160px;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 40px;
    left: 0;
	padding:5px 10px;margin:0;
	background:#fff;
	border:1px solid #CCC;
}
ul#navigation ul li ul {
    top: 0px;
    left: 160px;
	
}

ul#navigation ul li {
	clear:both;
	padding:0;
	height:auto;
	padding:0;margin:0;
	width:100%;
	background:none;
}

ul#navigation ul li a {
	color:#252525;
	font-family:'Roboto';
	padding:0px;
	height:40px;
	line-height:40px;
	text-decoration:none;
	display:block;
	text-align:left;
	font-weight:normal;
	width:auto;
	margin:0;
	border-bottom:1px dashed #666666;
}

ul#navigation ul li a:hover,ul#navigation ul li a.active {
	color:#FF0033;border-bottom:1px dashed #666666;
}


ul#navigation ul li:last-child a,ul#navigation ul li:last-child a:hover  {
	border-bottom:none;
}

#banner{text-align:center;}

.jssorn05 div,.jssorn21 div:hover,.jssorn21 .av{background:url(../images/n01.png) no-repeat;overflow:hidden;cursor:pointer}
.jssorn05 div{background-position:-5px -5px}
.jssorn05 div:hover,.jssorn21 .av:hover{background-position:-35px -5px}
.jssorn05 .av{background-position:-65px -5px}
.jssorn05 .dn,.jssorn21 .dn:hover{background-position:-95px -5px}

.jssord04l, .jssord04r, .jssord04ldn, .jssord04rdn{position: absolute;cursor: pointer;display: block;background: url(../images/d21.png) no-repeat;overflow:hidden;}
.jssord04l { background-position: -8px -32px; }
.jssord04r { background-position: -68px -32px; }
.jssord04l:hover { background-position: -128px -32px; }
.jssord04r:hover { background-position: -188px -32px; }
.jssord04ldn { background-position: -8px -32px; }
.jssord04rdn { background-position: -68px -32px; }

.social{padding:10px 0;}
.social a{color:#fff;font-size:20px;width:30px;height:25px;border-radius:15px;background:#006;text-align:center;display:inline-block;padding-top:5px;}
.social a:hover{color:#FF0000;text-decoration:none;}

#contac-map iframe{width:100%;}
#contact-form{float:left;width:870px;}
.contact-content{float:left;width:30%;padding:20px 1.66666%}

.pftform .rows,.pftform .rows1{padding-bottom:20px;line-height:45px;}
.pftform .rows1{width:48%;}
.pftform .col1{float:left;}
.pftform .col2{float:right;}
.pftform .rows input,.pftform .rows textarea{width:96%;padding:10px 2%;height:25px;border:1px solid #a0a0a0;}
.pftform .rows1 input{width:92%;padding:10px 4%;height:25px;border:1px solid #a0a0a0;}
.pftform .rows input:focus,.pftform .rows textarea:focus,.pftform .rows1 input:focus{border-color:#f80f0f;}
.pftform .rows textarea{resize:none;height:100px;}
.pftform .cbutton{text-align:center;}
.pftform button{background:#00038a;color:#fff;font-family:'Roboto',Arial, Helvetica, sans-serif;font-size:15px;height:50px;border:none;width:100%;}
.pftform button:disabled{background:#CCC;}


#listblock section{float:left;width:34%;padding:15px 2% 0 0;box-sizing:border-box;}
#listblock section:nth-child(3n){width:32%;padding:15px 0 0 0;}
#listblock section:nth-child(3n+1){clear:both;}

#listblock .block img{width:100%;box-sizing:border-box;}
#listblock .block{position:relative;border:1px solid #CCC;box-sizing:border-box;width:100%;}
#listblock .over{position:absolute;top:0;right:0;bottom:0;}
#listblock .title{height:40px;overflow:hidden;padding:10px 0;margin-bottom:5px;text-align:center;}
#listblock .title a{color:#161616;font-weight:bold;line-height:1.2em;}
#listblock .title a:hover{text-decoration:none;}
#listblock .over{background:#8db826;opacity:0;position:absolute;top:0;left:0;}
#listblock .libtype{position:absolute;top:30%;left:calc(50% - 38px);opacity:0.4;color:#8db826;}
#listblock section:hover .over{opacity:0.8;}
#listblock section:hover .title a{color:#f37a26;}
#listblock section:hover .libtype{opacity:0.9;color:#fff;}

.ncontent{padding-bottom:20px;}

#viewvideo{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
#viewvideo iframe{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}


#footer{background:#ebebeb;color:#555;padding:20px 0;}
#footer .logo-bot{float:left;width:330px;padding-right:30px;}
#footer .bot-desc{padding-top:10px;}
#footer .menubot{width:230px;padding:10px 30px 0 40px;float:left;}
#footer .menubot ul{list-style:none;padding:0;margin:0;}
#footer .menubot ul li a{color:#555;text-transform:uppercase;font-family:'Roboto',Arial, Helvetica, sans-serif;display:block;padding:2px 0 2px 20px;
background:url(../images/arr1.png) no-repeat left center;font-weight:bold;}
#footer .menubot ul li a:hover{color:#f80f0f;background-image:url(../images/arr2.png);text-decoration:none;}
#footer .menupro{width:200px;padding-top:25px;float:left;}
#footer .menupro ul{list-style:none;padding:0;margin:0;}
#footer .menupro ul li a{color:#555;font-family:'Roboto',Arial, Helvetica, sans-serif;display:block;padding:2px 0 2px 20px;
background:url(../images/arr1.png) no-repeat left center;font-weight:bold;}
#footer .menupro ul li a:hover{color:#f80f0f;background-image:url(../images/arr2.png);text-decoration:none;}
#footer .bot-contact{float:right;width:470px;text-align:right;}


#copyright{background:#000;color:#636363;padding:10px 0;text-align:center;}
#pathlink{font-size:20px;}
#pathtitle,#pathtitle h1{color:#f80f0f;font-size:24px;text-transform:uppercase;font-family:'RobotoBold',Arial, Helvetica, sans-serif;
text-align:center;font-weight:bold;padding:0;margin:0;}
#pathtitle .block{display:inline-block;}
#pathtitle .line{border-bottom:3px solid #f80f0f;margin:10px 20% 0 20%;}
#pathdesc{width:770px;margin:auto;padding:20px 0;color:#555;text-align:center;}
#submenu{text-align:center;padding-bottom:20px;}
#submenu a{display:inline-block;height:24px;line-height:24px;padding:0 17px;background:#959595;color:#fff;text-transform:uppercase;
font-family:'Roboto',Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
#submenu a:hover,#submenu a.active{background:#f80f0f;text-decoration:none;}




.box-gal{padding:20px 0;}
.bx-prjhome {
	position: relative;
	padding: 0;
	*zoom: 1;
}

.bx-prjhome img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-prjhome .bx-viewport {
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-prjhome .bx-pager,
.bx-prjhome .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-prjhome .bx-loading {
	min-height: 50px;
	background: url(../images/loading.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-prjhome .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-prjhome .bx-pager .bx-pager-item,
.bx-prjhome .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-prjhome .bx-pager.bx-default-pager a {
	background: #006;
	border:2px solid #d1d1d1;
	text-indent: -9999px;
	display: block;
	width: 11px;
	height: 11px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.bx-prjhome .bx-pager.bx-default-pager a:hover,
.bx-prjhome .bx-pager.bx-default-pager a.active {
	background: #FF0000;
}


.bx-prohome {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-prohome img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-prohome .bx-viewport {
	left: 0px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-prohome .bx-pager,
.bx-prohome .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-prohome .bx-loading {
	min-height: 50px;
	background: url(../images/loading.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-prohome .bx-prev {
	left: -40px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-prohome .bx-next {
	right: -40px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-prohome .bx-prev:hover {
	background-position: 0 0;
}

.bx-prohome .bx-next:hover {
	background-position: -43px 0;
}

.bx-prohome .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-prohome .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-prohome .bx-controls-auto {
	text-align: center;
}

.bx-prohome .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-prohome .bx-controls-auto .bx-start:hover,
.bx-prohome .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-prohome .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-prohome .bx-controls-auto .bx-stop:hover,
.bx-prohome .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-prohome .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-prohome .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-prohome .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-prohome .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.list-hgal{position:relative;}
.list-hgal .over,.list-hgal .box{width:270px;height:180px;}
.list-hgal .over{background-color:rgba(141,184,38,0.9);position:absolute;top:0;opacity:0;}
.list-hgal .box{display:table-cell;text-align:center;vertical-align:middle;padding:10px;}
.list-hgal .title{color:#fff;text-transform:uppercase;}
.list-hgal .view{background:#586b26;color:#fff;border:1px solid #fff;padding:0px 10px;display:inline-block;height:25px;line-height:25px;
-o-border-radius: 13px;-icab-border-radius: 13px;-khtml-border-radius: 13px;-moz-border-radius: 13px;
-webkit-border-radius: 13px; -moz-border-radius: 13px;border-radius: 13px;}
.list-hgal:hover .over{opacity:1;}

@charset "utf-8";
@media \0screen {
img {width: auto;}  
}

@media only screen and (max-width: 1160px) {
 
	#warraper{width:auto;padding:0 1%;}
	#boxsearch{float:right;width:140px;}
	#boxsearch .ipt-text{width:95px;padding: 4px 0 0 5px;}
	#boxsearch .ipt-text input{border:none;width:80px;}
	#boxsearch .ipt-button{float:left;width:35px;background:#a1cc3a;}
	
	#top #warraper{padding:0;}
	#logo{padding-left:10px;}
	#header .slogan{padding-left:160px;}
	#menutop{padding-left:150px;}
	ul#navigation{padding:0;}
	ul#navigation li a {
		padding:0 2px;
		margin:0 10px;
	}
	
	.home-about{width:50%;padding-top:20px;}
	#home-product{width:47.5%;padding-left:2.5%;padding-top:20px;}
	
	#footer .logo-bot{float:left;width:20%;padding-right:2%;}
	#footer .bot-desc{padding-top:10px;}
	
	#footer .menubot{width:15%;padding:20px 2% 0 2%;}
	#footer .menupro{width:22%;padding-top:25px;}
	#footer .bot-contact{float:right;width:35%;text-align:right;}
	#home-gallery{margin-bottom:20px;}
	
	#contact-form{width:calc(100% - 300px);}

}


@media only screen and (max-width: 800px) {
 
	#logo{padding-left:5px;}
	#header .slogan{padding-left:150px;}
	#header .contact,#boxsearch{display:none;}
	#menutop{padding-left:140px;}
	ul#navigation{padding:0;}
	ul#navigation li a {
		font-size:13px;
		padding:0 2px;
		margin:0 6px;
	}
	.home-about,#home-product,#home-gallery{width:100%;padding:0;}
	.home-about,#home-product{padding-top:20px;}
	
	#footer .logo-bot{width:54%;padding:0 2% 0 0;}
	#footer .menubot{width:42%;padding:0 0 0 2%;}
	#footer .menupro{width:42%;padding:20px 2% 0 0;}
	#footer .bot-contact{width:54%;padding:20px 0 0 2%;}
	.ccol1,.ccol2{width:100%;padding:0;}
	#listblock section,#listblock section:nth-child(3n){width:50%;padding:15px 2%;}
	#listblock section:nth-child(2n+1){clear:both;}
	#listblock section:nth-child(3n+1){clear:none;}
}

@media only screen and (max-width: 600px) {
	
 	#menutop,#banner,#topbg,#right{display:none;}
	#top .logo{width:100%;}
	#top .logo img{height:80px;}
	#logo{padding:0;margin:auto;text-align:center;}
	#header .slogan{width:100%;padding:0;margin:auto;text-align:center;padding-top:90px;}
	#header .social{float:left;border-right:none;margin:10px 20px 0 0px;}
	#header .lang{padding:10px 5px 0 0;position:absolute;top:10px;right:0px;z-index:100;}
	
	.headbg{height:auto;}
	#top .header{border-bottom:1px dashed #10218b;}
	#hotnews,#home-faq,#main{width:100%;margin:0;padding:0;}
	.mobilemnu{
		background: center center no-repeat;
		background-image: url(../images/btmnu.png);
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 10px;
		left: 5px;
		z-index:2000;
	}
	
	
	#footer .logo-bot,#footer .menubot,#footer .menupro,#footer .bot-contact{width:98%;padding:0 1%;}
	#footer .logo-bot,#footer .menupro{padding-bottom:20px;}
	#footer .bot-contact{text-align:left;}
	
	#pathdesc{display:none;}
	.slide-desc{font-size:2em;}
	
	#contact-form,.contact-content{width:100%;padding:0;}
	
	.cmtable tr > td:first-child{width:0%;padding-right:0%;display:none;}
	.cmltable tr > td:first-child{width:30%;display:table-cell;padding:5px 10px;}
	
	.ccol1,.ccol2{width:100%;padding:0;}


}
@media screen and (max-width: 400px) {
	#logo{text-align:left;padding-left:50px;}
	#top .logo img{height:50px;padding-top:10px;}
#listblock section,#listblock section:nth-child(3n){width:100%;padding:5px 2%;}
}
@media screen and (max-width: 260px) {
	
}