@charset "utf-8";

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

}

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

}

@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans.eot');
    src: url('fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans.woff') format('woff'),
		 url('fonts/OpenSans.svg#utm_avoregular') format('svg'),
         url('fonts/OpenSans.ttf') format('truetype');
    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:Tahoma, Geneva, sans-serif;font-size:16px;}
: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:#1c86c8; 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:#369bd3; 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:1140px;margin:auto;}
#logo{float:left;}
#slogan{float:right;padding-top:15px;padding-right:10px; width:450px;text-align:right;}
#slogan .slhote{padding-bottom:5px;}
#slogan .desc{font-size:14px;color:#999;font-style:italic;}
.bartop{border-top:1px solid #d6ceba;height:50px;}

#menutop{float:left;}

#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;}
ul#navigation li a {
	font-family:'OSSemibold',Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	height:50px;line-height:50px;
	text-align:center;
	box-sizing:border-box;
	padding:0 10px;
	margin-right:5px;
	border-bottom:5px 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 a.active{
	border-bottom:5px solid #d6ceba;
	-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:hover,ul#navigation li:hover > a {
	border-bottom:5px solid #d6ceba;
	background:#d6ceba;
	color:#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;
	min-width:180px;
	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 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;
	min-width:180px;
	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: 50px;
    left: 0;
	padding:0;margin:0;
	background:#fff;
	border:1px solid #CCC;
}
ul#navigation ul li ul {
    top: 0px;
    left: 180px;
	display:none;
}

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

ul#navigation ul li a {
	color:#000;
	font-size:13px;
	padding:0px 5px;
	height:35px;
	line-height:35px;
	text-decoration:none;
	display:block;
	text-align:left;
	font-weight:normal;
	width:auto;
	margin:0;
	border-bottom:1px solid #CCC;
}
ul#navigation ul li a.active{border-bottom:1px solid #CCC;text-decoration:underline;}


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



#banner{text-align:center;width:100%;z-index:100;}

#posttile,#posttile h1{font-family:"OSExtrabold", Times, serif;font-size:26px;font-weight:normal;
padding:0;margin:0;height:50px;line-height:50px;color:#666;}

#home-info{padding-top:10px;text-align:justify;}
#home-info .info{padding-top:20px;}
#home-info .img{float:right;width:472px;padding-left:20px;}
#home-info .smore{padding-top:15px;}
#home-info .smore a{color:#a3a3a3;}

#prohome{padding-top:30px;}
#prohome ul{list-style:none;padding:0;margin:0;}
#prohome ul li{float:left;width:360px;padding:0px 30px 30px 0;}
#prohome ul li:nth-child(3n){padding:0 0 30px 0;}
#prohome ul li .lpro-title{font-size:14px;text-transform:uppercase;padding-bottom:10px;color:#15468f;font-weight:bold;}
#prohome ul li:hover img{opacity:0.8;-webkit-opacity:0.8;-moz-opacity:0.8;}

.homenews{position:relative;padding-bottom:20px;}
.list-news{list-style:none;padding:20px 0 0 0;margin:0;float:left;width:765px;}
.list-news li{width:375px;padding-right:15px;float:left;}
.list-news li:nth-child(2n){padding-right:0;}
.list-news .title{font-family:"OSExtrabold";font-size:24px;color:#1c86c8;padding-top:20px;line-height:1.2em;}
.list-news .date{padding:15px 0;color:#a3a3a3;font-style:italic;}
.list-news .desc{color:#242424;font-size:16px;height:90px;overflow:hidden;}
.list-news .more{padding-top:15px;}
.list-news .more a{color:#a3a3a3;}

.latest{position:absolute;top:0;right:0;background:#15468f;color:#fff;width:330px;padding:15px;text-align:left;}
.latest .hdtitle{color:#fff;text-transform:uppercase;border:none;padding-bottom:5px; margin-bottom:20px;font-family:'OSSemibold';font-size:24px;background:url(../images/bgline1.png) no-repeat left bottom;}
.latest .title{padding-bottom:20px;font-family:'OSExtrabold';font-size:36px;line-height:1em;}
.latest .desc{padding-bottom:10px;}
.latest .more a{color:#fff;font-weight:bold;}

#home-letter{background:url(../images/flag.jpg) center;padding:50px 0;color:#fff;}
#home-letter .box{width:488px;}
#home-letter .title{color:#1c86c8;font-family:'OSExtrabold';font-size:30px;}
#home-letter .desc{padding:20px 0;font-size:18px;text-align:left;}
#home-letter .boxipt{background:#fff;height:38px;-o-border-radius: 10px;-icab-border-radius: 10px;-khtml-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;box-sizing:border-box;}
#home-letter .btn{float:right;width:100px;}
#home-letter .btn button{background:#1c86c8;color:#fff;border:0;width:100px;font-weight:bold;
text-transform:uppercase;height:38px;-moz-border-top-right-radius: 10px;-webkit-border-top-right-radius: 10px;-ms-border-top-right-radius: 10px;-o-border-top-right-radius: 10px;border-top-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;-webkit-border-bottom-right-radius: 10px;-ms-border-bottom-right-radius: 10px;-o-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;}
#home-letter .ipt{float:left;padding:7px 10px 0 10px;width:calc(100% - 120px);}
#home-letter .ipt input{width:100%;border:0;background:none;color:#15468f;font-weight:bold;}


#left{float:left;width:260px;}
#main{float:right;background:url(../images/bg.png);width:calc(100% - 290px);}
.main{padding:20px 0;}

#imgmenu{background:url(../images/imgmenu.png) center;height:186px;}
#imgmenu .menutitle,#imgmenu .menutitle h1{color:#fff;font-family:"OSExtrabold";font-size:32px;padding:0;margin:0 auto;}
#imgmenu .menutitle{padding-top:130px;}

.map-main{width:100%;height:450px;}

#menuleft{padding-bottom:10px;}
#menuleft 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; 	}


#menuleft ul li a {
	display:block;
	font-family:"OSExtrabold";
	color:#1c86c8;
	font-size:18px;
	line-height:25px;
	text-decoration:none;
	background-image:url(../images/iconr.png);
	background-repeat:no-repeat;
	background-position:left 18px;
	padding:10px 5px 10px 20px;
	text-align:left;
}

#menuleft ul li a:hover {
	color:#15468f;
	text-decoration:underline;
}
#menuleft ul li a.active {
	color:#15468f;
	background-image:url(../images/icond.png);
}

#menuleft ul ul{padding-left:20px;}
#menuleft ul ul li a{color:#aaa;font-family:"OpenSans";padding:5px 5px 5px 10px;
background-image:url(../images/icong.png);font-size:16px;background-position:left 12px;}
#menuleft ul ul li a:hover,#menuleft ul ul li a.active
{
	background-image:url(../images/icong1.png);
	color:#1e1e1e;text-decoration:underline;
}


.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;
	display:none;
}


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



#boxsearch{float:right;width:240px;padding-top:10px;display:none;}
#boxsearch .bbor{padding:0 0 4px 15px;
-o-border-radius: 17px;-icab-border-radius: 17px;-khtml-border-radius: 17px;-moz-border-radius: 17px;
-webkit-border-radius: 17px; -moz-border-radius: 17px;border-radius: 17px;border:1px solid #999;}

#boxsearch .ipt-text{float:left;height:22px;background:#fff;width:170px;padding-top:4px;}
#boxsearch .ipt-text input{border:none;width:160px;}
#boxsearch .ipt-button{float:right;width:35px;background:#none;}
#boxsearch .ipt-button button{background:none;border:none;color:#333;height:26px;width:35px;}

#copyright{padding:0 10px;float:right;}

#box-cat{border:1px solid #d6ceba;}
#box-cat .list-tab{border-bottom:1px solid #d6ceba;}
#box-cat .list-tab ul{list-style:none;padding:0;margin:0;}
#box-cat .list-tab ul li{float:left;}
#box-cat .list-tab ul li a{display:block;color:#333;padding:5px 10px;}
#box-cat .list-tab ul li a.active{background:#d6ceba;color:#fff;}

#tab-content{padding:20px 10px;}


#gruoppro .grptitle{font-weight:bold;font-size:16px;padding-bottom:20px;}

#project{padding:40px 0 20px 0;}
#listprj{list-style:none;padding:0 2%;margin:0;}
#listprj li{float:left;width:22%;padding:0 4% 20px 0;}
#listprj li:nth-child(4n){padding-right:0;}
#listprj .title{text-align:center;padding-top:5px;}
.subtitle,.subtitle0{display:none;}

.procontent{padding:0 2%;}

.list-prj{width:92%;padding:4%;background:#fff;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);}
.list-prj .img{position:relative;}
.list-prj .img img{width:100%;}
.list-prj .box-title{overflow:hidden;color:#fff;position:absolute;bottom:5px;width:100%;}
.list-prj .lpro-title{background:url(../images/box_03.png);height:44px;float:left;line-height:43px;font-weight:bold;text-transform:uppercase;padding-left:5px;overflow:hidden;width:calc(100% - 65px);margin:1px 0;}
.list-prj .lpro-plus{float:right;padding:0 5px 0 9px;background:url(../images/box_04.png) left center no-repeat;}
.list-prj a:hover{text-decoration:none;}

.social a{width:25px;height:25px;-o-border-radius: 3px;-icab-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;background:#4f77b3;text-align:center;line-height:25px;color:#fff;margin-right:10px;display:inline-block;float:left;}
.social a:hover{color:#fff;text-decoration:none;background:#15468f;}
.social a.fa-google-plus{background:#d94835;}
.social a.fa-youtube{background:#c8302b;}
.social a.fa-alibaba{background:#fff;border:1px solid #4f77b3;box-sizing:border-box;}


#connect2{background:url(../images/flag1.jpg);padding:30px 0;}





#hotnews{padding-top:20px;}
#hotnews .title{color:#1c86c8;text-transform:uppercase;font-family:'OSSemibold',Arial;font-size:24px;
border-bottom:1px solid #1c86c8;border-top:1px solid #1c86c8;padding:10px 0;}

#hotnews ul{padding:10px 0 0 0;margin:0;list-style:none;}
#hotnews ul li{padding:4px 0 20px 0;text-align:left;}
#hotnews ul li .hntitle{padding-bottom:10px;}
#hotnews ul li .hntitle a{font-family:'OSExtrabold',Arial;font-size:18px;color:#212121;}
#hotnews ul li .hntitle a:hover{color:#1c86c8;}
#hotnews ul li .hndesc{color:#8f8f8f;height:90px;overflow:hidden;}
#hotnews ul li .hndate{color:#8f8f8f;font-style:italic;}

.boxteam{padding:30px 0;}
.list-team .img,.list-team .img img{width:165px;height:165px;-o-border-radius: 83px;-icab-border-radius: 83px;-khtml-border-radius: 83px;-moz-border-radius: 83px;-webkit-border-radius: 83px; -moz-border-radius: 83px;border-radius: 83px;}
.list-team .ttitle,.list-team .tjob{font-family:'OSSemibold',Arial;color:#212121;}
.list-team .ttitle{font-size:24px;padding-top:20px;}
.list-team .tjob{font-size:16px;padding-bottom:30px;}
.list-team .tdesc{font-size:16px;font-family:'OpenSan',Arial;color:#212121;}
.list-team a:hover{text-decoration:none;}
.list-team a:hover .ttitle,.list-team a:hover .tjob{color:#1c86c8;}

#viewteam{max-width:1140px;height:470px;}
#viewteam .img{float:left;padding:0 20px 10px 0;}
#viewteam .img img{width:165px;height:165px;}
#viewteam .desc{box-sizing:border-box;max-height:500px;overflow:hidden;}
#viewteam .ttitle,#viewteam .tjob{font-family:'OSSemibold',Arial;color:#1c86c8;font-size:24px;}
#viewteam .tjob{padding-bottom:30px;}


.bx-team {
	position: relative;
	padding: 0;
	*zoom: 1;
}

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

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

.bx-team .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-team .bx-pager,
.bx-team .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-team .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-team .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

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

.bx-team .bx-pager.bx-default-pager a {
	background: #d6d6d6;
	border:2px solid #d6d6d6;
	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-team .bx-pager.bx-default-pager a:hover,
.bx-team .bx-pager.bx-default-pager a.active {
	background: #a1a1a1;
	border:2px solid #a1a1a1;
}

.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; }

.box-gal{padding:20px 0;}


#pathlink{font-size:16px;}
#pathlink .ptitle{font-size:13px;font-family:'Roboto',Arial, Helvetica, sans-serif;}
.PathCss{color:#006;text-transform:uppercase;font-size:13px;font-family:'Roboto',Arial, Helvetica, sans-serif;display:inline-block;padding:0 5px;}
.PathCss:hover{color:#fff;text-decoration:none;}




#content{padding-top:20px;}
.contact{float:left;width:340px;padding-right:10px;}
.qr-code{float:right;width:100px;}

#contac-map iframe{width:100%;}
#contact-form{float:left;width:calc(100% - 500px);}
.contact-content{float:right;width:470px;padding-left:30px;}

.contact-desc{color:#7c7c7c;font-style:italic;padding-bottom:10px;}

.pftform .rows,.pftform .rows1{padding-bottom:10px;line-height:35px;}
.pftform .rows1{width:48%;}
.pftform .col1{float:left;padding-right:2%;}
.pftform .col2{float:right;}
.pftform .rows input,.pftform .rows textarea{width:98%;padding:5px 1%;height:25px;border:1px solid #6e6e6e;}
.pftform .rows1 input{width:96%;padding:5px 2%;height:25px;border:1px solid #6e6e6e;}
.pftform .rows input:focus,.pftform .rows textarea:focus,.pftform .rows1 input:focus{border-color:#d6ceba;}
.pftform .rows textarea{resize:none;height:100px;}
.pftform .cbutton{text-align:center;}
.pftform button{background:#d6ceba;color:#000;font-size:15px;height:40px;border:none;padding:0 30px;border:1px solid #6e6e6e;}
.pftform button:disabled{background:#CCC;}


.pdb1{padding-bottom:10px;}
#listnews{list-style:none;padding:0;margin:0;}
#listnews li{float:left;width:32%;padding:10px 2% 10px 0;}
#listnews li:nth-child(3n){padding:10px 0;}
#listnews .lnimg{width:100%;height:200px;background:#fff url(../images/noimg.png) center no-repeat;overflow:hidden;}
#listnews .lnimg img{width:100%;
-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}
#listnews li:hover .lnimg img{-webkit-filter: grayscale(0);
	filter: grayscale(0);
	filter: none;}


#listnews .lttitle{height:70px;overflow:hidden;font-family:'OSExtrabold',Arial;font-size:18px;color:#2c2c2c;text-align:left;}
#listnews .lttitle a{color:#333;font-size:16px;font-weight:bold;text-transform:uppercase;}
#listnews .lttitle a:hover{color:#1c86c8;}
#listnews .lndate,#listnews .lndate a{color:#8f8f8f;font-family:'OSSemibold',Arial;font-size:16px;padding-top:10px;}
#listnews li:hover .lndate,#listnews li:hover a{color:#1c86c8;}

#pastevent{border-top:1px solid #b6b6b6;height:40px;line-height:40px;color:#1c86c8;font-family:'OSSemibold',Arial;font-size:16px;text-transform:uppercase;}

#listmore{list-style:none;padding:0;margin:0;}
#listmore li{border-top:1px solid #b6b6b6;padding:10px 0;}
#listmore .lttitle{font-family:'OSExtrabold',Arial;font-size:18px;color:#212121;text-align:left;}
#listmore .lttitle a{color:#333;font-size:16px;font-weight:bold;}
#listmore .lttitle a:hover{color:#1c86c8;}
#listmore .lndate,#listmore .lndate a{color:#8f8f8f;font-family:'OSSemibold',Arial;font-size:16px;padding-top:10px;}
#listmore li:hover .lndate,#listmore li:hover a{color:#1c86c8;}

.ntitle,.ntitle h1{font-family:'OSExtrabold',Arial;font-size:30px;color:#1c86c8;text-align:left;line-height:1.2em;text-transform:uppercase;padding:0;margin:0;}
.ntitle{border-bottom:1px solid #b6b6b6;border-top:1px solid #b6b6b6;padding:10px 0;}
.ndate{color:#8f8f8f;font-family:'OSSemibold',Arial;font-size:16px;padding:10px 0;}
.ncontent{padding:10px 0;}

#boxfb{border:1px solid #b6b6b6;padding:10px;}
#boxfb .fb-share-button,#boxfb .fb-send{float:left;padding-right:10px;}
#boxfb .fb-like{float:left;}

#listgal ul{list-style:none;padding:0;margin:0;}
#listgal ul li{float:left;width:23%;padding:10px 2.66% 10px 0px;}
#listgal ul li:nth-child(4n){padding:10px 0;}
#listgal ul li .bimg{position:relative;}
#listgal ul li .over{position:absolute;bottom:0;left:0;top:0;right:0;background: rgba(29, 134, 200, 0.6);opacity:0;}
#listgal ul li .btitle{font-family:Arial;font-size:14px;color:#666;text-transform:uppercase;padding:10px 0;overflow:hidden;}
#listgal ul li .bnum{color:#898787;}
#listgal ul li a:hover{text-decoration:none;}
#listgal ul li a:hover .over{opacity:1;}
#listgal ul li a:hover .btitle{color:#d6ceba;}
#listgal ul li .vd-play {position:absolute;bottom:0;left:0;top:0;right:0;background: url("../images/play.png") center no-repeat;}

.gtitle,.gtitle h1{font-family:'OSExtrabold',Arial;font-size:18px;color:#666;text-align:left;line-height:1.2em;padding:0;margin:0;}


#listvideo ul{list-style:none;padding:0;margin:0;}
#listvideo ul li{float:left;width:31%;padding:10px 3% 10px 0px;}
#listvideo ul li:nth-child(3n){padding:10px 0;}
#listvideo ul li .bimg{position:relative;}
#listvideo ul li .lplay{position:absolute;bottom:0;left:0;width:30%;}
#listvideo ul li .over{position:absolute;bottom:0;left:0;top:0;right:0;background: url(../images/playico.png) center no-repeat rgba(29, 134, 200, 0.6);opacity:0;}
#listvideo ul li .btitle{font-family:'OSExtrabold',Arial;font-size:18px;color:#7c7c7c;text-transform:uppercase;padding:10px 0;overflow:hidden;}

#listvideo ul li a:hover{text-decoration:none;}
#listvideo ul li a:hover .over{opacity:1;}
#listvideo ul li a:hover .lplay{opacity:0;}
#listvideo ul li a:hover .btitle{color:#1c86c8;}

.view-video{max-width: 800px;padding-top: 20px;margin: auto;}
#viewvideo{
	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
#viewvideo iframe,#viewvideo video{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

#menubottom{border-top:1px solid #d6ceba;border-bottom:1px solid #d6ceba;padding:10px 0;}
#menubottom .bleft{float:left;}
#menubottom .bright{float:right;}
#menubottom .bleft a{display:inline-block;padding:0 10px;font-weight:bold;
font-family:'OSSemibold',Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;}

#fotter{padding:20px 0;}
#fotter .ftbottom{float:left;width:47%;padding-right:3%;}
.ftbottom iframe{width:100% !important;}




.newsmore{font-weight:bold;text-transform:uppercase;padding-top:2%;}
#NewsNew h2,#NewsOld h2 {font-weight:normal;font-size:14px;margin:0;}

.blockpage{text-align:center;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:#504f4f;background:#e3e3e3;}
.page:hover,.pageselect:hover{color:#fff;text-decoration:none;background:#af1515;}
.pageselect{background:#15478f;color:#fff;}


.prjinfo{padding-bottom:10px;}
.prjpic{}

.slide-desc{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,0.5);color:#fff;
padding:10px;}
.jssord05l, .jssord05r, .jssord05ldn, .jssord05rdn{position: absolute;cursor: pointer;display: block;background: url(../images/d21.png) no-repeat;overflow:hidden;}
.jssord05l { background-position: -3px -17px; }
.jssord05r { background-position: -63px -17px; }
.jssord05l:hover { background-position: -124px -17px; }
.jssord05r:hover { background-position: -184px -17px; }
.jssord05ldn { background-position: -245px -17px; }
.jssord05rdn { background-position: -305px -17px; }


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

@media only screen and (max-width: 1030px) {
 
	#warraper{width:auto;}
	
	#home-info,#prohome{padding:0 1%;box-sizing:border-box;}
	#home-info .img{width:35%;}
	
	
	#prohome{padding-top:20px;}
	#prohome ul li{float:left;width:32%;padding:0px 2% 20px 0;}
	#prohome ul li:nth-child(3n){padding:0 0 20px 0;}
	#prohome ul li .lpro-title{font-size:12px;overflow:hidden;height:20px;}
	#prohome ul li img{width:100%;}
	#fotter{padding:20px 1%;}
	#listgal{padding:0 1%;}
	#content{padding:20px 1% 0 1%;}
}


@media only screen and (max-width: 800px) {
	
	#prohome ul li,#prohome ul li:nth-child(3n){float:left;width:48%;padding:0px 4% 20px 0;}
	#prohome ul li:nth-child(2n){padding:0 0 20px 0;}
	
	#menubottom{border-top:1px solid #d6ceba;border-bottom:none;padding:10px 0;}
	#menubottom .bleft,#menubottom .bright{float:none;width:100%;text-align:center;}
	#menubottom .bleft{border-bottom:1px solid #d6ceba;padding-bottom:10px;}
	#menubottom .bright{padding-top:10px;}
	
	.social a{width:25px;height:25px;line-height:25px;}
	
	#fotter .ftbottom{float:none;width:98%;padding:10px 1%;}
	
	#contact-form{width:calc(100% - 400px);}
	.contact-content{width:370px;}
			
}

@media only screen and (max-width: 600px) {
	
	#banner,#topmenu,#slogan{display:none;}
	#logo{float:none;width:100%;text-align:center;}
	.mobilemnu{display:inline;}
	.bartop{height:1px;}
	
	#home-info .img{width:100%;padding:0 0 10px 0;}
	#home-info .img img{width:100%;}

	
	#listprj li{float:left;width:48%;padding:0 4% 20px 0;}
	#listprj li:nth-child(2n){padding-right:0;}
	
	#listgal ul li{float:left;width:48%;padding:10px 4% 10px 0px;}
	#listgal ul li:nth-child(2n){padding:10px 0;}
	
	#contact-form,.contact-content{width:100%;float:none;padding:0;}
	.contact-content{padding-top:20px;}

}

@media screen and (max-width: 400px) {
	#htop .company-name .name2{
		font-size:13px;
	}
}