@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'), local('RobotoCondensed-Light'),url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v8/b9QBgL0iMZfDSpmcXcE8nFgFMY7EK8ynABYD_ZHMS7s.woff) format('woff')}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'),url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v8/Zd2E9abXLFGSr9G3YK2MsNIjcMYHK_OhdqQKvz8_Eqo.woff) format('woff')}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v8/b9QBgL0iMZfDSpmcXcE8nMSqxGqx1BqHsIjxNL4q2HQ.woff) format('woff')}
@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;src:local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v8/mg0cGfGRUERshzBlvqxeAALJ2z5ZyH4OGzxaAobx77I.woff) format('woff')}
@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;src:local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),url(http://themes.googleusercontent.com/static/fonts/robotocondensed/v8/BP5K8ZAJv9qEbmuFp8RpJaZHp5Ygr-TRGz22M2CAQPE.woff) format('woff')}
@font-face{font-family:'flexslider-icon';src:url('../fonts/flexslider-icon.eot');src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),url('../fonts/flexslider-icon.woff') format('woff'),url('../fonts/flexslider-icon.ttf') format('truetype'),url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'swiss_condensed';src:url('../fonts/swiss_condensed.eot');src:url('../fonts/swiss_condensed.eot?#iefix') format('embedded-opentype'),url('../fonts/swiss_condensed.woff') format('woff'),url('../fonts/swiss_condensed.ttf') format('truetype');font-weight:normal;font-style:normal}
@font-face{font-family:'tintuc';src:url('../fonts/tintuc.eot');src:url('../fonts/tintuc.eot?#iefix') format('embedded-opentype'),url('../fonts/tintuc.woff') format('woff'),url('../fonts/tintuc.ttf') format('truetype'),url('../fonts/tintuc.svg#tintuc') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'androgyne';src:url('../fonts/androgyne.eot');src:url('../fonts/tintuc.eot?#iefix') format('embedded-opentype'),url('../fonts/androgyne.woff') format('woff'),url('../fonts/androgyne.ttf') format('truetype'),url('../fonts/androgyne.svg#androgyne') format('svg');font-weight:normal;font-style:normal}
@font-face{font-family:'entypo';src:url('../fonts/entypo2.eot');src:url('../fonts/entypo2.eot?#iefix') format('embedded-opentype'),url('../fonts/entypo2.ttf') format('truetype'),url('../fonts/entypo2.woff') format('woff'),url('../fonts/entypo2.svg#entypo') format('svg');font-weight:normal;font-style:normal}
*{margin:0;padding:0}
body{background-color:#fff}
ul,ol{list-style:none}
a{text-decoration:none;outline:none;color:#666}
.error{position:absolute;margin-left:10px;padding-top:6px;font-family:Roboto Condensed;font-size:14px;color:red}
a img{border:none}
.clear{clear:both}
.clear1{clear:both;height:1px;background-color:#ddd}
.clear10{clear:both;height:10px}
.clear15{clear:both;height:15px}
.clear20{clear:both;height:20px}
.clear50{clear:both;height:30px}
.clear100{clear:both;height:70px}
.outer{width:1240px;margin:0px auto}
.header{height:100px;background:#0267b1 none repeat scroll 0% 0%;font-family:swiss_condensed;font-size:15px;letter-spacing:0.05em;color:#fff}
.topnav{height:30px}
.topnav p{padding-top:5px;font-family:Roboto Condensed;font-size:14px}
.topnav .hotline,.topnav .email{position:relative;float:left;margin-left:0px;font-family:Roboto Condensed;color:#9a9c9f;font-weight:500;font-size:15px}
.topnav .hotline{min-width:130px;width:auto;text-indent:10px;height:30px;border-right:1px solid #ddd;background:url(../images/icon/phone-icon.png) 13px 4px no-repeat;padding-right:15px}
.topnav .email{min-width:180px;width:auto;text-indent:15px;height:30px;background:url(../images/icon/email-icon.png) 16px 8px no-repeat;padding-right:15px}
.topnav .hotline:hover,.topnav .email:hover{color:#9a9c9f}
.topnav .flag{float:right}
.topnav .flag ul li{float:right;margin-left:10px}
.topnav .flag ul li img{height:30px}
.topnav .flag ul li img:hover{cursor:pointer;opacity:0.3}
.headerlogo{position:relative;float:left;width:320px;height:100px}
.headerlogo img{width:200px;margin-left:75px;margin-top:30px}
#cssmenu{position:relative;height:40px;margin-top:25px;margin-left:0px;float:right}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{color:#fff;padding:0;border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #menu-button{display:none}
#cssmenu > ul > li{float:left}
#cssmenu.align-center > ul{text-align:center}
#cssmenu.align-center > ul > li{display:inline-block;float:none}
#cssmenu.align-center ul ul{text-align:left}
#cssmenu.align-right > ul > li{float:right}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu > ul > li > a{padding:10px 50px 10px 0px;font-size:16px;font-weight:bold;text-decoration:none;text-transform:uppercase;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a{color:#fff;opacity:0.9}
#cssmenu li:hover > ul{left:auto}
#cssmenu ul li:hover > ul > li{height:32px}
#cssmenu ul ul li a{padding:10px 20px;width:160px;font-size:19px;background:#333;text-decoration:none;color:#fff;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
.content{height:auto;min-height:320px}
.gallery{position:relative;width:auto}
.gallery img{display:block;margin:0px auto}
.gallery .slides{overflow:hidden}
.gallery .slides li{display:none;float:left;position:relative;color:#fff}
.gallery .slides li img{height:100%}
.gallery .desc{position:relative;margin-top:-600px;margin-left:100px;width:325px;height:570px;background-image:linear-gradient(to bottom, rgba(30, 127, 147, 0.3) 0%, rgba(30, 127, 147, 0.9) 100%);color:#fff;font-family:'Arial', serif}
.gallery .desc .holder{padding:10px;width:325px;max-width:325px;line-height:20px;margin:0 auto;z-index:0}
.gallery .desc .holder h2{font-family:swiss_condensed;font-size:30px;line-height:1.2em;padding:50px 30px 20px 30px}
.gallery .desc .holder .sepline{width:80%;height:2px;margin:0px auto;background-color:#fff;opacity:0.5}
.gallery .desc .links{display:block;color:#646464;text-transform:uppercase}
.gallery .desc .links a{font-weight:bold;font-size:11px}
.gallery .desc p{color:#fff;padding:30px;font-family:Roboto Condensed;line-height:1.5em}
.gallery .desc .holder .hrmore{margin-left:30px;font-family:Roboto Condensed;padding:5px 30px;font-size:15px;opacity:0.5;border:1px dashed #fff}
.gallery .desc .holder .hrmore:hover{color:#fff;opacity:1;cursor:pointer}
.gallery .desc .holder a{color:#fff}
.gallery .flex-direction-nav{position:relative;z-index:100;margin-left:15px;margin-top:-60px;margin-right:50px;float:right}
.gallery .flex-direction-nav li{float:left}
.gallery .flex-direction-nav .flex-next,.gallery .flex-direction-nav .flex-prev{float:left;width:44px;height:44px;text-indent:-9999px;background:url(../images/arrow-01.png) no-repeat}
.gallery .flex-direction-nav .flex-next{background-position:-45px 0;margin-left:1px}
.gallery .flex-direction-nav .flex-next:hover,.gallery .flex-direction-nav .flex-prev:hover{opacity:0.5}
.gallery .flex-control-nav{display:none}
/*thong tin cong ty*/
.companyinfo{position:relative;float:left;width:400px;height:340px}
.companyinfo h2,.contactinfo h2{text-transform:uppercase;font-family:swiss_condensed;font-size:20px;letter-spacing:0.05em;color:#0267b1;padding:10px 0px 10px 20px;border-left:5px solid #ddd}
/*about*/
.flexslider{position:relative;float:left;width:570px;height:340px}
.flex-direction-nav a:before{font-size:40px;line-height:1;display:inline-block}
.flex-direction-nav a.flex-next:before{}
.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}
.flex-pauseplay a:before{font-size:18px;display:inline-block}
.flex-pauseplay a:hover{opacity:1}
.flex-pauseplay a.flex-play:before{}
.flex-control-nav{width:100%;position:absolute;bottom:-15px;text-align:center;z-index:999}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline;float:right;margin-right:0px}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#df8bab;cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:#ddd}
.flex-control-paging li a.flex-active{background:#fff;cursor:default}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{width:100%;height:340px;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides > li:first-child{display:block}
.flex-viewport{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{}
.flexslider .slides{zoom:1}
.aboutinfo{position:relative;float:left;width:610px;height:340px;font-family:Roboto Condensed}
.aboutmission{position:relative;float:left;width:325px;height:320px;font-size:15px}
.aboutmission h2{padding:20px 40px 10px 40px;font-size:17px;font-weight:500;text-transform:uppercase;color:#0267b1}
.aboutmission a,.aboutmessage a{padding:20px 0px 10px 0px;font-size:17px;font-weight:500;text-transform:uppercase;color:#0267b1}
.aboutmission .noidunggt{padding:5px 40px;color:#666;line-height:2em}
.aboutmessage{position:relative;float:left;width:285px;height:340px;background-color:#f7f7f7}
.aboutmessage h2{padding:20px 20px 10px 20px;font-size:17px;font-weight:500;text-transform:uppercase;color:#0267b1}
.aboutmessage p{color:#666;font-size:15px;padding:5px 20px;line-height:2em}
.aboutinfo .tit h1,.aboutinfo .tit h2{text-transform:uppercase;font-family:swiss_condensed;font-size:20px;letter-spacing:0.01em;color:#0267b1;padding:10px 0px 10px 20px;border-left:5px solid #ddd}
.ndgt{color:#666;font-family:Roboto Condensed;padding:7px 20px;font-size:15px}
/*news zone index*/
.newszone .cola,.newszone .colb,.newszone .colc{position:relative;float:left;margin-left:0px;background-color:#ddd}
.newszone{margin-bottom:50px}
.newszone .colb,.newszone .colc{margin-left:30px}
.newszone .cola,.newszone .colb,.newszone .colc,.newszone .cola img,.newszone .colb img,.newszone .colc img{width:287.5px}
.newszone h4{text-transform:uppercase;font-family:swiss_condensed;font-size:20px;letter-spacing:0.05em;color:#0267b1;padding:10px 0px 10px 20px;border-left:5px solid #ddd}
.newszone div img:hover,.newszone h5:hover{opacity:0.5;cursor:pointer}
.newszone h5,.listud h2{padding:10px;font-family:Roboto Condensed;font-size:17px}
.newszone p,.listud p{padding:10px;font-family:Roboto Condensed;font-size:15px;color:#666}
.newszone .date,.listud .date{font-family:swiss_condensed;font-size:13px;letter-spacing:0.05em;color:#666;padding:7px 10px;float:left}
.newszone .readmore,.listud .readmore{font-family:swiss_condensed;font-size:15px;letter-spacing:0.05em;color:#0267b1;padding:5px 10px;cursor:pointer;border:1px dashed #0267b1;float:right}
.newszone .readmore:hover,.listud .readmore:hover{background-color:#0267b1;font-family:swiss_condensed;font-size:15px;letter-spacing:0.05em;color:#fff;padding:5px 10px;cursor:pointer}
.news-box{position:relative;margin-left:0px;float:left;width:295px;height:425px;margin-right:15px;margin-bottom:20px}
.news-box img{width:295px;height:197px}
.listud h1{text-transform:uppercase;font-family:swiss_condensed;font-size:20px;letter-spacing:0.01em;color:#0267b1;padding:10px 0px 10px 20px;border-left:5px solid #ddd}
/*partner*/
.partnerzone{background-color:#fff}
.partnerzone h4{text-transform:uppercase;font-family:swiss_condensed;font-size:20px;letter-spacing:0.05em;color:#0267b1;padding:10px 0px 10px 20px;border-left:5px solid #ddd}
.project{margin-top:-30px;position:relative;height:auto;min-height:185px}
.project .title{height:5px;position:relative;font-family:Roboto Condensed;font-size:16px;text-transform:uppercase}
.project .title h3{float:left;left:0px;line-height:16px;position:absolute;text-transform:uppercase;top:0px;color:#222;font-weight:normal}
.project .title p:before,.project .title p:after{height:100%;position:absolute;top:10px;width:7px}
.project .title p:before{left:-7px}
.project .title p:after{right:-7px}
.caruslides{margin-top:35px;position:relative;height:124px}
.list_slide{width:100%}
.list_slide a{display:block;width:198px}
.float-2{display:block;float:left;margin-right:10px;padding-bottom:15px;position:relative;text-align:center;width:198px;-moz-transition:border-color 0.4s ease 0s, opacity 0.4s ease 0s;-webkit-transition:border-color 0.4s ease 0s, opacity 0.4s ease 0s;-o-transition:border-color 0.4s ease 0s, opacity 0.4s ease 0s;transition:border-color 0.4s ease 0s, opacity 0.4s ease 0s;border-bottom:2px solid transparent}
.float-2 img{width:198px;height:124px}
.float-2:hover{border-color:#eee}
.shadow{opacity:0.3}
.project_name{display:none}
.next,.prev{background-color:#0081c6;background-position:center center;background-repeat:no-repeat;display:block;height:20px;position:absolute;top:0px;width:31px}
.next{background-image:url("../images/next.png");right:0pt}
.prev{background-image:url("../images/prev.png");right:33px}
.prev:after{background:url("../images/bg.png") repeat scroll 0% 0% #eee;content:"";height:100%;position:absolute;right:-2px;width:2px}
.prev:active, .next:active{top:-5px}
.float-2:hover .tiny{opacity:1}
.timer{font-family:Roboto Condensed;font-size:14px;color:#9a9c9f}
/*field zone*/
.fieldzone{background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(241, 241, 241, 0.9) 100%)}
.fieldzone h2{text-transform:uppercase;font-family:swiss_condensed;font-size:20px;letter-spacing:0.05em;color:#0267b1;padding:10px 0px 10px 20px;border-left:5px solid #ddd}
.fieldzone .cola,.fieldzone .colb,.fieldzone .colc{position:relative;float:left}
.fieldzone .cola,.fieldzone .colb,.fieldzone .colc,.fieldzone .cola img,.fieldzone .colb img,.fieldzone .colc img{width:287.5px}
.fieldzone .colb,.fieldzone .colc{margin-left:30px}
.fieldzone{margin-bottom:50px}
.fieldzone h5{padding:10px 0px;font-family:Roboto Condensed;font-size:15px;font-weight:500}
.cate,.cate ul,.cate li,.cate a{margin:0;padding:0;border:0;list-style:none;font-weight:normal;text-decoration:none;line-height:1;font-family:Roboto Condensed;font-size:14px;position:relative}
.cate a{line-height:1.3}
.cate .latest > li{background:#0267b1 url(../images/icons/dot.png) 20px 12px no-repeat;text-transform:uppercase}
.cate .latestprocate > li{background:#0267b1;text-transform:uppercase}
.cate > .latest > li > a{font-size:14px;display:block;color:#fff;border-top:none}
.cate > .latest > li > a > span{display:block;padding:5px 20px 5px 40px}
.cate > .latest > li > a:hover{text-decoration:underline}
.cate > .latest > li.active{border-bottom:none}
.cate .latest ul{display:none;background:#fff}
.cate .latest ul li{padding:0;border-bottom:1px solid #d4d4d4;border-top:none;background:#f7f7f7;background:-moz-linear-gradient(#f7f7f7 0%,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#ececec));background:-webkit-linear-gradient(#f7f7f7 0%,#ececec 100%);background:linear-gradient(#f7f7f7 0%,#ececec 100%)}
.cate .latest ul li:last-child{border-bottom:none}
.cate .latest ul a{padding:13px 10px 10px 45px;display:block;color:#676767;font-size:12px;font-weight:normal}
.cate .latest ul a:before{content:'»';position:absolute;left:30px;color:#222}
.cate .latest ul a:hover{color:#0267b1}
ul.latestprocate{margin-top:-10px}
.cate > .latestprocate > li > a{font-size:14px;display:block;color:#fff;border-top:none}
.cate > .latestprocate > li > a > span{display:block;padding:5px 20px}
.cate > .latestprocate > li > a:hover{text-decoration:underline}
.cate > .latestprocate > li.active{border-bottom:none}
.cate .latestprocate ul{display:none;background:#fff}
.cate .latestprocate ul li{padding:0;border-bottom:1px solid #d4d4d4;border-top:none;background:#f7f7f7;background:-moz-linear-gradient(#f7f7f7 0%,#ececec 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#ececec));background:-webkit-linear-gradient(#f7f7f7 0%,#ececec 100%);background:linear-gradient(#f7f7f7 0%,#ececec 100%)}
.cate .latestprocate ul li:last-child{border-bottom:none}
.cate .latestprocate ul a{padding:13px 10px 10px 45px;display:block;color:#676767;font-size:12px;font-weight:normal}
.cate .latestprocate ul a:before{content:'»';position:absolute;left:30px;color:#222}
.cate .latestprocate ul a:hover{color:#0267b1}
.cate{position:relative;float:left;width:260px;height:auto;min-height:200px;font-family:Roboto Condensed;font-size:16px}
.cate h3{background:#0267b1;text-transform:uppercase;margin-bottom:5px;height:35px;padding-top:11px;font-family:Roboto Condensed;font-size:18px;color:#fff;font-weight:500}
.cate h3 span{border-left:3px solid #fff;padding:5px 0px 5px 15px;margin-left:15px;font-family:Roboto Condensed;font-size:16px;color:#fff;-moz-transition:text-indent 0.4s ease 0s;-webkit-transition:text-indent 0.4s ease 0s;-o-transition:text-indent 0.4s ease 0s;transition:text-indent 0.4s ease 0s;display:block}
.cate .appcate li{background:#0267b1 url(../images/icons/dot.png) 15px 12px no-repeat;text-transform:uppercase;margin-bottom:2px;padding-top:5px;padding-bottom:5px}
.cate .appcate li a{color:#fff;padding-left:40px}
.cate .appcate li a:hover{color:#ccc}
.main,.listud{position:relative;float:left;margin-left:10px;width:970px;height:auto;min-height:450px;background-color:#fff;font-family:Roboto Condensed}
.main .spbox{position:relative;float:left;width:230px;height:210px;margin:10px 0px 10px 10px}
.main .spbox h1 a{color:#fff}
.main .spbox .gridview th{display:none}
.main .spbox img{width:228px;height:142px}
.spbox h3{padding:5px 10px 0px 10px;font-size:16px;border-left:5px solid #0267b1;color:#666;font-family:Roboto Condensed;font-weight:500}
.main .tit h1,.main .tit h2{text-transform:uppercase;font-family:swiss_condensed;font-size:20px;letter-spacing:0.01em;color:#0267b1;padding:10px 0px 10px 20px;border-left:5px solid #ddd}
.main .spbox:hover{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc}
.main p{color:#666;font-family:Roboto Condensed;padding:7px 20px;font-size:15px}
.main .source{text-align:right;margin-right:30px;font-weight:bold}
h3.ctbcxt{font-family:Roboto Condensed;font-size:18px;text-transform:uppercase;padding:15px 10px 15px 20px;font-weight:normal;color:#0267b1}
.bvlq a{margin-left:40px;font-size:15px;color:#666;-moz-transition:text-indent 0.4s ease 0s;-webkit-transition:text-indent 0.4s ease 0s;-o-transition:text-indent 0.4s ease 0s;transition:text-indent 0.4s ease 0s;display:block;padding-bottom:3px;padding-top:3px;z-index:999}
.bvlq a:visited{color:#0267b1}
.bvlq a:hover{text-indent:10px;color:#0267b1}
.bvlq li{background:url(../images/icons/bul.png) 15px 12px no-repeat;float:left;width:50%}
/*chi tiet san pham*/
.imginfo{position:relative;float:left;width:970px;height:auto;min-height:50px}
.imginfo img{width:350px}
.productinfo{position:relative;float:left;width:970px;height:auto;min-height:50px}
.productinfo p{font-family:Roboto Condensed;font-size:15px;color:#666;padding:5px 10px 3px 30px}
.tab .g_item table{width:960px;font-size:15px}
.tab .g_item table td{font-size:15px}
.prodes{position:relative;margin-top:10px;margin-left:0px;float:left;width:970px;height:auto;min-height:50px}
.tabs{width:970px;display:inline-block}
.tab-links:after{display:block;clear:both;content:''}
.tab-links li{margin:0px;float:left;list-style:none;margin-right:3px}
.tab-links a{padding:5px 15px;display:inline-block;background:#2989cf url(../images/navbg.png);font-family:Roboto Condensed,Arial,sans-serif;font-size:15px;font-weight:normal;color:#fff;transition:all linear 0.15s}
.tab-links a:hover,li.active a:hover{background:#409ee3 url(../images/pattern-bg.png);color:#fff;text-decoration:none}
.tab-links li.active a{background:#0267b1 url(../images/navbg.png);color:#fff}
.tab-content{font-family:Roboto Condensed,Arial,sans-serif;font-size:15px;color:#5b6a62;min-height:50px}
.tab{display:none}
.tab.active{display:block}
.tabs .first{margin-left:0px}
/*linh vuc hoat dong*/
.main .cola,.main .colb,.main .colc{position:relative;float:left}
.main .cola,.main .colb,.main .colc,.main .cola img,.main .colb img,.main .colc img{width:220px}
.main h5{padding:10px 0px;font-family:Roboto Condensed;font-size:15px;font-weight:500;color:#666}
.main .colb,.main .colc{margin-left:30px}
.maps{height:250px}
.maps iframe{width:100%;height:250px}
.opentime{height:auto;min-height:280px;background:#fff none repeat scroll 0% 0%;font-family:swiss_condensed;font-size:15px;letter-spacing:0.05em;color:#222}
.footerlogo{width:216px;height:61px;margin:0px auto;margin-top:30px}
.opentime h6{font-family:swiss_condensed;font-size:22px;font-weight:normal;text-transform:uppercase}
.leftopentime,.rightopentime{position:relative;margin-left:0px;float:left;width:50%;height:220px}
.leftopentime h6,.leftopentime p{text-align:right;padding:10px 15px 0px 0px}
.rightopentime h6,.rightopentime p{padding:10px 0px 0px 15px}
.diadiem .outer img{width:1240px}
.gioithieu .outer img{width:1240px}
.contactform,.contactinfo{position:relative;margin-left:0px;float:left;height:auto;min-height:300px}
.contactform{width:828px}
#content_u1,#content_u2{float:left}
.text404{margin-left:10px;width:404px;max-width:404px;height:30px;margin-bottom:5px;text-indent:10px;font-family:Roboto Condensed,Arial,sans-serif}
.text826{margin-left:10px;width:824px;max-width:824px;height:30px;margin-bottom:5px;text-indent:10px;font-family:Roboto Condensed,Arial,sans-serif}
.text804a{margin-left:10px;width:804px;min-width:804px;max-width:804px;height:103px;margin-bottom:5px;padding:10px;font-size:14px;font-family:Roboto Condensed,Arial,sans-serif}
.button{float:left;margin-left:10px;width:auto;min-width:50px;height:32px;display:block;color:#fff;font-family:Roboto Condensed,Arial,sans-serif;font-size:16px;text-decoration:none!important;padding:1px 12px;text-transform:uppercase}
.black{color:#fff;border:none;background:#0267b1 url(../images/pattern-bg.png);cursor:pointer}
.black:hover{-moz-transition:color 0.4s ease 0s, border-color 0.4s ease 0s;-webkit-transition:color 0.4s ease 0s, border-color 0.4s ease 0s;-o-transition:color 0.4s ease 0s, border-color 0.4s ease 0s;-transition:color 0.4s ease 0s, border-color 0.4s ease 0s;background-color:#0267b1;opacity:0.9}
.asterisk,.required{color:red;font-family:Roboto Condensed,Arial,sans-serif}
.contactinfo{width:840px}
.companyinfo h1{font-family:swiss_condensed;font-size:17px;font-weight:normal;text-transform:uppercase;padding-top:30px;text-indent:30px;color:#0267b1;font-weight:bold;padding-bottom:10px;padding-right:15px}
.companyinfo h3,.companyinfo h4{font-family:swiss_condensed;font-size:16px;font-weight:normal;padding-left:30px;padding-bottom:10px;padding-right:15px;color:#666}
.companyinfo .office{background:url(../images/add-icons.png) 0px 32px no-repeat}
.companyinfo .phone{background:url(../images/phone-icons.png) 0px 2px no-repeat}
.companyinfo .email{background:url(../images/email-icons.png) 0px 3px no-repeat}
.footer{height:auto;min-height:75px;background:#0267b1 none repeat scroll 0% 0%;font-family:swiss_condensed;font-size:15px;letter-spacing:0.05em;color:#fff}
.lfoot{position:relative;margin-top:0px;margin-left:0px;float:left;width:890px;height:auto;min-height:50px}
.lfoot ul{display:block;height:20px;float:left;margin-right:10px;margin-top:10px}
.lfoot ul li{display:inline}
.lfoot ul li a{color:#fff;padding:0 5px;font-size:15px}
.lfoot ul li a:hover{color:#ccc}
.rfoot{position:relative;margin-top:15px;margin-left:0px;float:left;width:340px;height:auto;min-height:50px}
.footer a,.footer .access{color:#fff}
.footer a:hover{color:#fff}
.footer p{padding-top:15px;text-indent:5px}
.back{position:relative;float:right;margin-top:15px}
.back-to-top{position:relative;margin-right:10px;text-decoration:none;font-size:12px;display:none;width:15px;height:15px;z-index:999}
.btt{float:right;margin-right:0px;text-indent:10px}
.back-to-top{color:#222}
.back-to-top img{margin-top:-3px;width:25px;height:25px}
@media only screen and (min-width:768px) and (max-width:768px)
{
.clear50{height:10px}
.outer{width:768px}
.header{width:768px;height:70px}
.headerlogo{position:relative;float:left;width:320px;height:70px}
.headerlogo img{margin-left:35px;margin-top:15px}
.topnav{width:750px}
#cssmenu{width:768px;margin-left:0px;z-index:999;margin-top:-65px}
#cssmenu ul{width:250px;float:right;margin-right:0px;display:none;background:#fff;margin-top:28px}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid #ddd}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;color:#666;padding-left:20px;font-size:16px}
#cssmenu ul li a:hover,#cssmenu ul ul li a:hover{color:#0267b1}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
#cssmenu #menu-button{display:block;padding:18px 20px;color:#fff;cursor:pointer;font-size:18px;text-transform:uppercase}
#cssmenu #menu-button::after{content:'';position:absolute;top:21px;right:20px;display:block;width:15px;height:2px;background:#fff}
#cssmenu #menu-button::before{content:'';position:absolute;top:26px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120, 120, 120, 0.15);height:52px;width:52px;cursor:pointer}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99}
#cssmenu .submenu-button.submenu-opened:after{display:none}
.gallery{width:768px;height:280px}
.gallery .slides{height:280px}
.gallery img{width:768px;height:280px}
.gallery .desc{margin-top:-280px;margin-left:0px;width:768px;height:280px}
.gallery .desc .holder{padding:10px;width:748px;max-width:748px}
.gallery .desc .holder h2{font-family:swiss_condensed;font-size:30px;line-height:1.2em;padding:20px 30px 10px 30px}
.gallery .desc .holder .sepline{width:90%;margin-left:30px}
.gallery .desc p{color:#fff;padding:10px 30px;font-family:Roboto Condensed;line-height:1.5em}
.gallery .flex-direction-nav{margin-left:15px;margin-top:-70px;margin-right:50px;float:right}
.cate{margin-top:-10px}
.main,.listud{margin-left:0px;margin-top:-10px;width:503px}
.imginfo{width:503px;height:auto;min-height:50px}
.imginfo img{width:350px}
.productinfo{width:503px;height:auto;min-height:50px}
.prodes,.tabs{width:503px}
.tabs .first{margin-left:10px}
.tab-links a{padding:5px 10px}
.tab .g_item table{width:493px;font-size:15px}
.tab .g_item table td{font-size:15px}
.clear15{width:503px}
.news-box{width:368px;min-height:380px;max-height:410px;margin-right:15px;margin-bottom:20px}
.news-box img{width:368px;height:197px}
.flexslider{margin-left:30px;width:708px;height:340px}
.flexslider .slides img{width:100%;height:340px;display:block}
.aboutinfo{width:708px;margin-left:30px}
.aboutmission{width:350px}
.aboutmessage{width:300px}
.companyinfo{width:708px;height:250px}
.contactinfo{width:768px}
.contactform{width:828px}
.text404{margin-left:10px;width:365px;max-width:365px}
.text826{margin-left:10px;width:744px;max-width:744px}
.text804a{width:724px;min-width:724px;max-width:724px}
.companyinfo .office{background:none}
.companyinfo .phone{background:none}
.companyinfo .email{background:none}
.maps{margin-left:10px;width:748px}
.footer{width:768px}
.lfoot{margin-left:10px;width:500px}
.rfoot{width:240px}
}
@media only screen and (min-width:769px) and (max-width:1024px)
{
.clear50{height:10px}
.outer{width:1024px}
.header{width:1024px;height:70px}
.headerlogo{position:relative;float:left;width:320px;height:70px}
.headerlogo img{margin-left:35px;margin-top:15px}
.topnav{width:1004px}
#cssmenu{width:1024px;margin-left:0px;z-index:999;margin-top:-65px}
#cssmenu ul{width:250px;float:right;margin-right:0px;display:none;background:#fff;margin-top:28px}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid #ddd}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;color:#666;padding-left:20px;font-size:16px}
#cssmenu ul li a:hover,#cssmenu ul ul li a:hover{color:#0267b1}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
#cssmenu #menu-button{display:block;padding:18px 20px;color:#fff;cursor:pointer;font-size:18px;text-transform:uppercase}
#cssmenu #menu-button::after{content:'';position:absolute;top:21px;right:20px;display:block;width:15px;height:2px;background:#fff}
#cssmenu #menu-button::before{content:'';position:absolute;top:26px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120, 120, 120, 0.15);height:52px;width:52px;cursor:pointer}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99}
#cssmenu .submenu-button.submenu-opened:after{display:none}
.gallery{width:1024px;height:280px}
.gallery .slides{height:280px}
.gallery img{width:1024px;height:280px}
.gallery .desc{margin-top:-370px;margin-left:0px;width:1024px;height:285px}
.gallery .desc .holder{padding:10px;width:1004px;max-width:1004px}
.gallery .desc .holder h2{font-family:swiss_condensed;font-size:30px;line-height:1.2em;padding:40px 30px 10px 30px}
.gallery .desc .holder .sepline{width:90%;margin-left:30px}
.gallery .desc p{color:#fff;padding:10px 30px;font-family:Roboto Condensed;line-height:1.5em}
.gallery .flex-direction-nav{margin-left:15px;margin-top:-70px;margin-right:50px;float:right}
.cate{margin-top:-10px}
.main,.listud{margin-left:0px;margin-top:-10px;width:759px}
.main .spbox{width:243px}
.main .spbox .gridview th{display:none}
.main .spbox img{width:240px;height:142px}
.imginfo{width:759px;height:auto;min-height:50px}
.imginfo img{width:350px}
.productinfo{width:759px;height:auto;min-height:50px}
.prodes,.tabs{width:759px}
.tabs .first{margin-left:10px}
.tab-links a{padding:5px 10px}
.tab .g_item table{width:749px;font-size:15px}
.tab .g_item table td{font-size:15px}
.clear15{width:759px}
.news-box{width:323px;min-height:380px;max-height:410px}
.news-box img{width:323px;height:197px}
.flexslider{margin-left:30px;width:964px;height:340px}
.flexslider .slides img{width:100%;height:340px;display:block}
.aboutinfo{width:964px;margin-left:30px}
.aboutmission{width:350px}
.aboutmessage{width:300px}
.companyinfo{width:964px;height:250px}
.contactinfo{width:1024px}
.contactform{width:728px}
.text404{margin-left:10px;width:493px;max-width:493px}
.text826{margin-left:10px;width:1000px;max-width:1000px}
.text804a{width:980px;min-width:980px;max-width:980px}
.companyinfo .office{background:none}
.companyinfo .phone{background:none}
.companyinfo .email{background:none}
.maps{margin-left:10px;width:1004px}
.footer{width:1024px}
.lfoot{margin-left:10px;width:500px}
.rfoot{width:496px}
}
@media only screen and (min-width:340px) and (max-width:400px)
{
.clear50{height:10px}
.outer{width:360px}
.header{width:360px;height:70px}
.headerlogo{position:relative;float:left;width:360px;height:70px}
.headerlogo img{margin-left:35px;margin-top:15px}
.topnav{width:360px;height:auto}
.topnav .hotline{display:none}
.topnav .flag{margin-right:18px}
#cssmenu{width:360px;margin-left:0px;z-index:999;margin-top:-65px}
#cssmenu ul{width:360px;float:right;margin-right:0px;display:none;background:#fff;margin-top:28px}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid #ddd}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;color:#666;padding-left:20px;font-size:16px}
#cssmenu ul li a:hover,#cssmenu ul ul li a:hover{color:#0267b1}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
#cssmenu #menu-button{display:block;padding:18px 20px;color:#fff;cursor:pointer;font-size:18px;text-transform:uppercase}
#cssmenu #menu-button::after{content:'';position:absolute;top:21px;right:20px;display:block;width:15px;height:2px;background:#fff}
#cssmenu #menu-button::before{content:'';position:absolute;top:26px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120, 120, 120, 0.15);height:52px;width:52px;cursor:pointer}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99}
#cssmenu .submenu-button.submenu-opened:after{display:none}
.gallery{display:none;width:360px;height:115px}
.gallery .slides{height:115px}
.gallery img{width:360px;height:115px}
.gallery .desc{display:none}
.gallery .desc .holder{display:none}
.gallery .flex-direction-nav{display:none}
.cate{margin-top:-10px}
.main,.listud{margin-left:0px;margin-top:-10px;width:360px}
.imginfo{width:360px;height:auto;min-height:50px}
.imginfo img{width:350px}
.productinfo{width:360px;height:auto;min-height:50px}
.prodes,.tabs{width:360px}
.tabs .first{margin-left:10px}
.tab-links a{padding:5px 10px}
.tab .g_item table{width:333px;font-size:15px}
.tab .g_item table td{font-size:15px}
.clear15{width:360px}
.news-box{width:360px;min-height:380px;max-height:400px;margin-bottom:10px}
.news-box img{width:340px;height:197px;margin-left:10px}
.news-box .readmore{margin-right:10px}
.flexslider{margin-left:30px;width:260px;height:340px}
.flexslider .slides img{width:100%;height:340px;display:block}
.aboutinfo{width:360px;margin-left:0px;height:auto}
.aboutmission{width:360px;margin-left:0px}
.aboutmessage{width:360px;margin-left:0px;height:200px}
.companyinfo{width:340px;height:250px}
.contactinfo{width:360px}
.contactform{width:360px}
.text404{margin-left:10px;width:336px;max-width:336px}
.text826{margin-left:10px;width:336px;max-width:336px}
.text804a{width:316px;min-width:316px;max-width:316px}
.companyinfo .office{background:none}
.companyinfo .phone{background:none}
.companyinfo .email{background:none}
.maps{margin-left:10px;width:340px}
.footer{width:360px;height:137px}
.lfoot{margin-left:10px;width:340px;height:auto;text-align:center}
.rfoot{width:60%;margin:0px auto}
.project{margin-top:-43px}
.float-2{width:150px}
.float-2 img{width:150px;height:120px}
.list_slide a{width:150px}
.main{margin-top:10px}
.main .spbox{width:340px;margin-left:10px}
.main .spbox img{width:340px;height:150px}
.cate{width:340px;margin-left:10px;margin-top:5px}
.flexslider{margin-left:0px;margin-top:0px;width:360px;height:140px}
.flexslider img{margin-left:10px;width:340px;height:140px}
.flexslider .slides img{width:340px;height:140px}
}
@media only screen and (min-width:610px) and (max-width:640px)
{
.clear50{height:10px}
.outer{width:640px}
.header{width:640px;height:70px}
.headerlogo{position:relative;float:left;width:640px;height:70px}
.headerlogo img{margin-left:35px;margin-top:15px}
.topnav{width:640px;height:auto}
.topnav .hotline{display:none}
.topnav .flag{margin-right:18px}
#cssmenu{width:640px;margin-left:0px;z-index:999;margin-top:-65px}
#cssmenu ul{width:640px;float:right;margin-right:0px;display:none;background:#fff;margin-top:28px}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid #ddd}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;color:#666;padding-left:20px;font-size:16px}
#cssmenu ul li a:hover,#cssmenu ul ul li a:hover{color:#0267b1}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
#cssmenu #menu-button{display:block;padding:18px 20px;color:#fff;cursor:pointer;font-size:18px;text-transform:uppercase}
#cssmenu #menu-button::after{content:'';position:absolute;top:21px;right:20px;display:block;width:15px;height:2px;background:#fff}
#cssmenu #menu-button::before{content:'';position:absolute;top:26px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120, 120, 120, 0.15);height:52px;width:52px;cursor:pointer}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99}
#cssmenu .submenu-button.submenu-opened:after{display:none}
.gallery{display:none;width:640px;height:115px}
.gallery .slides{height:115px}
.gallery img{width:640px;height:115px}
.gallery .desc{display:none}
.gallery .desc .holder{display:none}
.gallery .flex-direction-nav{display:none}
.cate{margin-top:-10px}
.main,.listud{margin-left:0px;margin-top:-10px;width:640px}
.imginfo{width:640px;height:auto;min-height:50px}
.imginfo img{width:350px}
.productinfo{width:640px;height:auto;min-height:50px}
.prodes,.tabs{width:640px}
.tabs .first{margin-left:10px}
.tab-links a{padding:5px 10px}
.tab .g_item table{width:613px;font-size:15px}
.tab .g_item table td{font-size:15px}
.clear15{width:640px}
.news-box{width:300px;min-height:380px;max-height:400px;margin-bottom:10px}
.news-box img{width:280px;height:197px;margin-left:10px}
.news-box .readmore{margin-right:10px}
.flexslider{margin-left:30px;width:580px;height:340px}
.flexslider .slides img{width:100%;height:340px;display:block}
.aboutinfo{width:640px;margin-left:0px;height:auto}
.aboutmission{width:640px;margin-left:0px;height:auto}
.aboutmessage{width:640px;margin-left:0px;height:200px}
.companyinfo{width:580px;height:250px}
.contactinfo{width:640px}
.contactform{width:640px}
.text404{margin-left:10px;width:616px;max-width:616px}
.text826{margin-left:10px;width:616px;max-width:616px}
.text804a{width:596px;min-width:596px;max-width:596px}
.companyinfo .office{background:none}
.companyinfo .phone{background:none}
.companyinfo .email{background:none}
.maps{margin-left:10px;width:620px}
.footer{width:640px;height:auto}
.lfoot{margin-left:10px;width:590px;height:auto}
.rfoot{width:30px;margin-top:15px}
.project{margin-top:-43px}
.float-2{width:150px}
.float-2 img{width:150px;height:120px}
.list_slide a{width:150px}
.main{margin-top:10px}
.main .spbox{width:300px;margin-left:10px}
.main .spbox img{width:300px;height:150px}
.cate{width:620px;margin-left:10px;margin-top:5px}
}
@media only screen and (min-width:240px) and (max-width:320px)
{
.clear50{height:10px}
.outer{width:320px}
.header{width:320px;height:70px}
.headerlogo{position:relative;float:left;width:320px;height:70px}
.headerlogo img{margin-left:35px;margin-top:15px}
.topnav{width:320px;height:auto}
.topnav .hotline{display:none}
.topnav .flag{margin-right:18px}
#cssmenu{width:320px;margin-left:0px;z-index:999;margin-top:-65px}
#cssmenu ul{width:320px;float:right;margin-right:0px;display:none;background:#fff;margin-top:28px}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid #ddd}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;color:#666;padding-left:20px;font-size:16px}
#cssmenu ul li a:hover,#cssmenu ul ul li a:hover{color:#0267b1}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
#cssmenu #menu-button{display:block;padding:18px 20px;color:#fff;cursor:pointer;font-size:18px;text-transform:uppercase}
#cssmenu #menu-button::after{content:'';position:absolute;top:21px;right:20px;display:block;width:15px;height:2px;background:#fff}
#cssmenu #menu-button::before{content:'';position:absolute;top:26px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120, 120, 120, 0.15);height:52px;width:52px;cursor:pointer}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99}
#cssmenu .submenu-button.submenu-opened:after{display:none}
.gallery{display:none;width:320px;height:115px}
.gallery .slides{height:115px}
.gallery img{width:320px;height:115px}
.gallery .desc{display:none}
.gallery .desc .holder{display:none}
.gallery .flex-direction-nav{display:none}
.cate{margin-top:-10px}
.main,.listud{margin-left:0px;margin-top:-10px;width:320px}
.imginfo{width:320px;height:auto;min-height:50px}
.imginfo img{width:350px}
.productinfo{width:320px;height:auto;min-height:50px}
.prodes,.tabs{width:320px}
.tabs .first{margin-left:10px}
.tab-links a{padding:5px 10px}
.tab .g_item table{width:303px;font-size:15px}
.tab .g_item table td{font-size:15px}
.clear15{width:320px}
.news-box{width:320px;min-height:380px;max-height:400px;margin-bottom:10px}
.news-box img{width:300px;height:197px;margin-left:10px}
.news-box .readmore{margin-right:10px}
.flexslider{margin-left:30px;width:260px;height:340px}
.flexslider .slides img{width:100%;height:340px;display:block}
.aboutinfo{width:320px;margin-left:0px;height:auto}
.aboutmission{width:320px;margin-left:0px}
.aboutmessage{width:320px;margin-left:0px;height:200px}
.companyinfo{width:260px;height:250px}
.contactinfo{width:320px}
.contactform{width:320px}
.text404{margin-left:10px;width:296px;max-width:296px}
.text826{margin-left:10px;width:296px;max-width:296px}
.text804a{width:276px;min-width:276px;max-width:276px}
.companyinfo .office{background:none}
.companyinfo .phone{background:none}
.companyinfo .email{background:none}
.maps{margin-left:10px;width:300px}
.footer{width:320px;height:137px}
.lfoot{margin-left:10px;width:300px;height:auto;text-align:center}
.rfoot{width:60%;margin:0px auto}
.project{margin-top:-43px}
.float-2{width:150px}
.float-2 img{width:150px;height:120px}
.list_slide a{width:150px}
.main{margin-top:10px}
.main .spbox{width:300px;margin-left:10px}
.main .spbox img{width:300px;height:150px}
.cate{width:300px;margin-left:10px;margin-top:5px}
.flexslider{margin-left:0px;margin-top:0px;width:320px;height:140px}
.flexslider img{margin-left:10px;width:300px;height:140px}
.flexslider .slides img{width:300px;height:140px}
}
@media only screen and (min-width:400px) and (max-width:480px)
{
.clear50{height:10px}
.outer{width:480px}
.header{width:480px;height:70px}
.headerlogo{position:relative;float:left;width:480px;height:70px}
.headerlogo img{margin-left:35px;margin-top:15px}
.topnav{width:480px;height:auto}
.topnav .hotline{display:none}
.topnav .flag{margin-right:18px}
#cssmenu{width:480px;margin-left:0px;z-index:999;margin-top:-65px}
#cssmenu ul{width:480px;float:right;margin-right:0px;display:none;background:#fff;margin-top:28px}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left}
#cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px solid #ddd}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;color:#666;padding-left:20px;font-size:16px}
#cssmenu ul li a:hover,#cssmenu ul ul li a:hover{color:#0267b1}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
#cssmenu #menu-button{display:block;padding:18px 20px;color:#fff;cursor:pointer;font-size:18px;text-transform:uppercase}
#cssmenu #menu-button::after{content:'';position:absolute;top:21px;right:20px;display:block;width:15px;height:2px;background:#fff}
#cssmenu #menu-button::before{content:'';position:absolute;top:26px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #ddd;border-bottom:2px solid #ddd}
#cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120, 120, 120, 0.15);height:52px;width:52px;cursor:pointer}
#cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
#cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99}
#cssmenu .submenu-button.submenu-opened:after{display:none}
.gallery{display:none;width:480px;height:115px}
.gallery .slides{height:115px}
.gallery img{width:480px;height:115px}
.gallery .desc{display:none}
.gallery .desc .holder{display:none}
.gallery .flex-direction-nav{display:none}
.cate{margin-top:-10px}
.main,.listud{margin-left:0px;margin-top:-10px;width:480px}
.imginfo{width:480px;height:auto;min-height:50px}
.imginfo img{width:350px}
.productinfo{width:480px;height:auto;min-height:50px}
.prodes,.tabs{width:480px}
.tabs .first{margin-left:5px}
.tab-links a{padding:5px}
.tab .g_item table{width:463px;font-size:15px}
.tab .g_item table td{font-size:15px}
.clear15{width:480px}
.news-box{width:480px;min-height:420px;max-height:420px;margin-bottom:10px}
.news-box img{width:460px;height:260px;margin-left:10px}
.news-box .readmore{margin-right:10px}
.flexslider{margin-left:30px;width:260px;height:340px}
.flexslider .slides img{width:100%;height:340px;display:block}
.aboutinfo{width:480px;margin-left:0px;height:auto}
.aboutmission{width:480px;margin-left:0px;height:auto}
.aboutmessage{width:480px;margin-left:0px;height:200px}
.companyinfo{width:440px;height:250px}
.contactinfo{width:480px}
.contactform{width:480px}
.text404{margin-left:10px;width:446px;max-width:446px}
.text826{margin-left:10px;width:446px;max-width:446px}
.text804a{width:426px;min-width:426px;max-width:426px}
.companyinfo .office{background:none}
.companyinfo .phone{background:none}
.companyinfo .email{background:none}
.maps{margin-left:10px;width:460px}
.footer{width:480px;height:auto}
.lfoot{margin-left:10px;width:430px;height:auto}
.rfoot{width:30px;margin-top:15px}
.project{margin-top:-43px}
.float-2{width:150px}
.float-2 img{width:150px;height:120px}
.list_slide a{width:150px}
.main{margin-top:10px}
.main .spbox{width:460px;margin-left:10px;height:auto}
.main .spbox img{width:460px;height:230px}
.cate{width:460px;margin-left:10px;margin-top:5px}
.flexslider{margin-left:0px;margin-top:0px;width:480px;height:240px}
.flexslider img{margin-left:10px;width:460px;height:240px}
.flexslider .slides img{width:460px;height:240px}
}