body{margin:0px; font-family:arial; font-smooth: always; background:#fff url('../images/bg.jpg') no-repeat top center; line-height:150%; }
a{text-decoration:none; color:#3b3b3b;}
.clear{clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
img{max-width:100% !important; vertical-align:middle;}
.mobile{display:none;}
.container {margin:0px auto; display:block; width:980px;}
@media only screen and (max-width:980px){
	body{position:relative; width:100%;}
	.container {width:100%;}
}
.header{float:left; width:100%; height:122px;}
.header .leftheader{float:left; z-index:4; position:relative;}
.header .leftheader .logo{float:left; margin-top:5px; }
.header .leftheader .slogan{float:left; margin: 15px 0px 0px -15px;}
.header .rightheader{float:right;}
.header .rightheader .search{margin:38px 2px 30px 2px ; float:right; position:relative;}
.header .rightheader .search input{padding:8px 12px; width:204px; font-style:italic; font-size:12px; height:30px;  z-index:1; border:1px solid #eaeaea; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.header .rightheader .search a{display:block; position:absolute; z-index:2; margin:3px; right:0px; top:0px; width:30px;height:24px; border-left:1px solid #eaeaea;  background:url('../images/search.png') no-repeat center center; background-size:20px 20px;}
@media only screen and (max-width:980px){
	.header{height:auto;}
	.header .leftheader{text-align:center;}
	.header .leftheader, .header .rightheader{width:92%; margin:0 4%;}
	.header .leftheader .logo,.header .leftheader .slogan{float:none;}
	.header .rightheader .search{  margin: 30px 2px 10px 2px;   width: 100%;   float: right;   position: relative;   text-align: center;}
	.header .rightheader .search form{  width: 300px;   display: inline-block;   position: relative;}
	.header .rightheader .search form input{padding: 6px 12px;   width: 310px;}
}
.mainmenu{position:relative; z-index:4; height:52px; float:left; width:956px;border-top-left-radius:5px;border-top-right-radius:5px;font: 14px arial;padding:0px 12px;  text-transform:uppercase;
background: #1f3558;
background: -moz-linear-gradient(top,  #1f3558 0%, #1e3f74 50%, #033a55 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f3558), color-stop(50%,#1e3f74), color-stop(100%,#033a55));
background: -webkit-linear-gradient(top,  #1f3558 0%,#1e3f74 50%,#033a55 100%);
background: -o-linear-gradient(top,  #1f3558 0%,#1e3f74 50%,#033a55 100%);
background: -ms-linear-gradient(top,  #1f3558 0%,#1e3f74 50%,#033a55 100%);
background: linear-gradient(to bottom,  #1f3558 0%,#1e3f74 50%,#033a55 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3558', endColorstr='#033a55',GradientType=0 );
}
.mainmenu ul{margin:0px; padding:0px; float:left; list-style:none;}
.mainmenu>ul>li{ float: left; position: relative; height:52px; }
.mainmenu>ul>li>a{color:white; display: block; text-transform:uppercase; line-height:16px; height:16px; padding:6px 17px 6px 17px; margin:12px 0px; text-shadow: 0.1em 0.1em 0.1em black; border-right:1px solid #16253e; border-left:1px solid #2e4c7d;  }
.mainmenu>ul>li:first-child>a{border-left:0;}
.mainmenu>ul>li:last-child>a{border-right:0;}
.mainmenu ul li:hover,.mainmenu ul li.active{ background-color:#203659; }

.mainmenu ul li ul {background-color:#203659; font: 12px arial;}
.mainmenu ul li ul li{position:relative; height:auto; width:90%; padding:6px 0px 6px 10%; background: url('../images/bullet.png') no-repeat 7px 11px; }
.mainmenu ul li ul li:hover{background-color:#315187;}
.mainmenu>ul>li:hover>ul{display:block;}
.mainmenu>ul>li>ul>li:hover>ul{display:block;}
.mainmenu ul li ul{position:absolute; display:none;  top:52px; width:200px;  z-index:10;}
.mainmenu ul li ul li a{position:relative; text-transform:none; color:white; padding:7px 2px; line-height:14px !important; height:auto ;  }

.mainmenu ul li ul li ul{position:absolute; display:none; left:200px;  top:0px; width:200px; z-index:10;}
.mainmenu ul li ul li ul li{position:relative; height:auto; width:90%; padding-left:10%; background: url('../images/bullet.png') no-repeat 7px 11px; }
.mainmenu ul li ul li ul li a{position:relative; color:white; padding:7px 2px; line-height:14px !important; height:auto ;  }

@media only screen and (max-width:980px){
	.mainmenu{display:block; position:fixed; top:0px; bottom:0px; left:-240px; width:240px; padding:0;  height:auto;  overflow-y: scroll; overflow:-x:hidden;  }
	.mainmenu > ul{width:100%;}
	.mainmenu > ul > li{  border-top: 1px solid #091E41; display:block; height:auto; float:none; }
	.mainmenu > ul > li > a{height:40px; line-height:40px; padding:0 10px; margin:0;}
	.mainmenu > ul > li:hover > a{ text-decoration:underline;}
	.mainmenu > ul > li > ul{position:relative; float:none; width: 100%; top:0px; display:block; background:#091E41;}
	.mainmenu > ul > li > ul > li{padding: 0 0 0 20px;   border-top: 1px solid #0A2D66;}
	.mainmenu > ul > li > ul > li > a{ display:block; }
	.mainmenu > ul > li > ul > li:hover{background-color:#091E41 !important;}
	.mainmenu > ul > li > ul > li:hover > a{ text-decoration:underline;}
	.mainmenu > ul > li > ul > li > ul{position:relative; float:none; width: 100%; top:0px; display:block; background:#091E41; left:0;}
	.mainmenu > ul > li > ul > li > ul > li{padding:0; background:none; width:100%;}
	.mainmenu > ul > li > ul > li > ul > li > a{display:block;}
	.mainmenu > ul > li > ul > li > ul > li > a:before{content:'- ';}
	.mainmenu > ul > li > ul > li > ul > li:hover{background-color:#091E41 !important;}
	.mainmenu > ul > li > ul > li > ul > li:hover > a{text-decoration:underline;}
	
	#hambuger{display:block; position:fixed; top:10px; right:10px; z-index:102;   padding: 9px 10px;   width: 22px;   height: 14px;}
	#hambuger>span{display:block; background:#FFAF00 ; height:2px; width:22px; position:relative; margin-top:4px;}
	#hambuger>span:nth-child(1){margin:0;}
}

.slider{float:left; width:100%; height:auto; position:relative; z-index:3;}
.slide-bg{float:left; width:980px; height:36px; z-index:0; position:relative; display:block; background:url('../images/slide_shadow.jpg') no-repeat top center;}
.slide-content{float:left; width:980px; z-index:2;  height:350px; position:relative; overflow:hidden;border-bottom:1px solid white;}
.slide-content .slide-inside{height:350px; width:10000px; position:relative;}
.slide-content .slide-inside img{width:980px; height:350px;}
.slide-caption{float:right; position:relative; z-index:3; width:524px; padding-left:48px;  background:url('../images/slide_caption.png') no-repeat left center; height:100px; color:white; font-size:10px; line-height:10px; margin-top:-184px;}
.slide-caption  p{float:right; background-color:#2e2e2e; background:rgba(0,0,0,0.5);  width:464px; height:52px; padding:24px 24px 24px 0px; margin:0px; display:none; line-height:26px; text-align:right;  font-size:24px; font-family:time news roman; font-style:italic; overflow:hidden;}
.slide-caption  p.active{display:block;}
.slide-buttons{float:left; width:auto; padding:16px; margin-top:-48px; position:relative; z-index:3;}
.slide-buttons a{padding:0px; width:16px; height:16px; float:left; background:url('../images/slide_button.png') no-repeat top left; margin-right:5px;}
.slide-buttons a.active{background-position:0px -16px;}

.welcome{float:left; height:48px; padding:0px; margin:-10px 0px 5px 0px; text-align:center; width:980px; font-size:20px; color:#000; line-height: 24px; font-family:time news roman; font-style:italic; z-index:1; position:relative;}

@media only screen and (max-width:980px){
	.slide-bg,.slide-content,.welcome{width:100%; height:auto;}
	.welcome{margin-top:20px;}
}


.content{float:left; width:980px; margin-top:20px;}
.content .left{float:left; margin-right:15px; width:210px;}
.content .right{float:left; width:526px; margin-right:15px;}

.content .left .left-block{float:left; overflow: hidden; border:1px solid #d4d4d4;	border-radius:5px; width:210px;  margin-bottom:22px; -moz-box-shadow: 0 4px 4px #f7f7f7;-webkit-box-shadow: 0 4px 4px #f7f7f7;box-shadow: 0 4px 4px #f7f7f7; position:relative; z-index:2; }
.content .left .left-block .top-bg{ position:absolute; top:-1px; left:-1px; width:210px; height:40px; z-index:0;  border:1px solid #d4d4d4; border-top-right-radius:5px; border-top-left-radius:5px;
background: -moz-linear-gradient(top, #fbb922 0%, #f99c17 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbb922), color-stop(100%,#f99c17));
background: -webkit-linear-gradient(top, #fbb922 0%, #f99c17 100%);
background: -o-linear-gradient(top, #fbb922 0%, #f99c17 100%);
background: -ms-linear-gradient(top, #fbb922 0%, #f99c17 100%);
background: linear-gradient(to bottom, #fbb922 0%, #f99c17 100%);
}
.content .left .left-block h3{margin:0px 0px 0px 8px;padding:12px 4px 12px 38px; height:16px; font-size:14px; color:#000; font-weight:bold; border-top-right-radius:5px;  background-color:white; font-family:arial; position:relative; z-index:2; }
.content .left .left-block ul {padding:12px 0px; margin:1px 0px; list-style:none; background-color:white; position:relative; z-index:11;}
.content .left .left-block ul li{padding:10px 0px 10px 20px; margin:0px 10px; border-bottom:1px solid #e5e5e5; font-size:12px; width:170px; background:url('../images/bullet.png') no-repeat 0px center; line-height:14px;
-moz-box-shadow: 0 2px 0px #f7f7f7;-webkit-box-shadow: 0 2px 0px #f7f7f7;box-shadow: 0 2px 0px #f7f7f7; position:relative; z-index:11; }
.content .left .left-block.submenu ul li{white-space:nowrap;}
.content .left .left-block ul li a{width:100%; display:block;}
.content .left .left-block ul li a:hover{text-decoration:underline;}
.content .left .left-block ul li:last-child{border-bottom:none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
#submenu>ul>li:hover{width:180px;}
.content .left .left-block ul li:hover ul{display:block;}
.content .left .left-block ul li ul{ position:absolute; display:none; left:190px; z-index:10; top:-2px; padding:0; background-color:white; border:1px solid #e5e5e5; border-left:0;}
.content .left .left-block ul li ul li{border-bottom:1px solid #e5e5e5;}

#submenu>ul>li{padding:0px 0px 0px 20px;}
#submenu>ul>li>a{padding:10px 0px;  z-index:200; position:relative; background-color:white;}
#submenu>ul>li:last-child{border-bottom:none;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
#submenu>ul>li:hover ul{display:block; }
#submenu>ul>li:hover>a{width:180px;}
#submenu>ul>li>ul{ display:none; z-index:100;  padding:0px; left:-20px; position:relative;}
#submenu>ul>li>ul>li{border-bottom:1px solid #e5e5e5; z-index:10; background:none; padding-left:10px; border:none;}
#submenu>ul>li>ul>li>a{color:#aaa;}
#submenu>ul>li>ul>li:hover>a{text-decoration:underline; color:#ff0000;}
#submenu>ul>li>ul>li:last-child{border-bottom:0;}
/*=============hot product===============*/
.left .hot .content{margin:6px; text-align:center; overflow:hidden; height:400px; width:200px;}
.left .hot .content>a{width:200px; display:block; float:left;}
.left .hot .content>a>div>div>img{max-height:80px;}
.left .hot .content>a>div{ margin:5px auto 0px auto; width:122px; height:80px; border:1px solid #d4d4d4;  padding:4px;}
.left .hot .content>a>div>div{float:left; display:block; overflow:hidden; width:122px; height:80px; display:table-cell; vertical-align:middle; text-align:center;}
.left .hot .content>a>span{width:100%; float:left; font-size:12px; padding:10px 0px; line-height:18px;}
.left .hot .content>a>span>em{font-style:normal; font-weight:bold; color:#e98610;}

/*=============project===============*/
.left .project .content{margin:6px; text-align:center; overflow:hidden; height:400px; width:200px;}
.left .project .content>a{width:200px; display:block; float:left;}
.left .project .content>a>div>div>img{width:124px; float:left;}
.left .project .content>a>div{ margin:5px auto 0px auto; width:122px; height:80px; border:1px solid #d4d4d4;  padding:4px;}
.left .project .content>a>div>div{float:left; display:block; overflow:hidden; width:122px; height:80px;}
.left .project .content>a>span{width:100%; float:left; font-size:12px; padding:10px 0px;}

.content .left .link .content{margin:6px; text-align:center; overflow:hidden; height:auto; width:200px; z-index:9;}
.content .left .link .content img{max-height:70px; margin:5px 0px; padding:5px 0px; border-bottom:1px dashed #aaa;}
.content .left .link .content img:last-child{border:0;}
.content .left .support ul li{border-bottom:1px dashed #cfcfcf; background:url('../images/yahoo.png') no-repeat 8px center; width:130px; padding:12px 0px 8px 58px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; font-size:12px; line-height:16px;}
.content .left .support ul li.first{background:none; padding-left:0px; width:190px;}
.content .left .faceblock img{margin:15px 6px;}
.content .left .news ul li{background:none; padding:10px 0px; display:block; float:left; width:190px;}
.content .left .news ul li img{ float:left; width:62px; border:2px solid #ebebeb;border-radius:5px; }
.content .left .news ul li span{float:left; margin-left:8px; width:100px;}
.content .left .news ul li.viewall{float:right;  width:auto; padding-left:20px; background:url('../images/expand-arrow.png') no-repeat 5px center; font-size:12px; line-height:12px;}

.content .right .main-block{float:left; display:block; border:1px solid #d4d4d4;	border-radius:5px; width:526px; margin-bottom:22px;
-moz-box-shadow: 0 0px 4px #eee;-webkit-box-shadow: 0 0px 4px #eee;box-shadow: 0 0px 4px #eee;}
.content>.right>.main-block>h3{display:block; float:left; margin:0px; padding:0px 18px 0px 14px; border-bottom:3px solid #f9a123; width:494px;  font-size:14px; font-weight:bold;  background-color:white; border-top-right-radius:5px; border-top-left-radius:5px;}
.content>.right>.main-block>h3>strong{padding: 12px 14px 12px 20px; display:block; width:auto; float:left; color:#3a3a3a;
background: -moz-linear-gradient(top, #fbbf24 0%, #f99b16 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbbf24), color-stop(100%,#f99b16));
background: -webkit-linear-gradient(top, #fbbf24 0%, #f99b16 100%);
background: -o-linear-gradient(top, #fbbf24 0%, #f99b16 100%);
background: -ms-linear-gradient(top, #fbbf24 0%, #f99b16 100%);
background: linear-gradient(to bottom, #fbbf24 0%, #f99b16 100%); }
.content .right .main-block h3 span{float:right;  font-weight:normal; font-size:11px; padding:12px 4px 12px 22px; }
.content .right .main-block h3 span a{color:#3a3a3a;}
.content .right .main-block h3 span a:hover{text-decoration:underline;}
.content .right .main-block ul {padding:12px 4px 0px 4px; margin:0px; list-style:none; float:left; width: 99%;}
.content .right .main-block ul.category_content li {height:329px;}
.content>.right>.main-block>ul>li{float:left; width:152px; height:310px;  padding:10px;  }
.content .right .main-block ul  li .image{  width:150px; height:190px; border:1px solid #eaeaea; display:table-cell; vertical-align:middle; text-align:center;}
.content .right .main-block ul  li .image img{ max-width:150px; max-height:190px; }
.content .right .main-block ul  li .title{float:left; margin-top:6px; width:100%; height:30px; font-weight:bold; font-size:12px; color:#3b3b3b; text-align:center; overflow:hidden;}
.content .right .main-block ul  li .price{float:left; margin:6px 0px; width:100%; font-size:12px; color:#3b3b3b; text-align:center;}
.content .right .main-block ul  li .price strike{margin-right: 5px;}
.content>.right>.main-block>ul>li>.price>em{font-style:normal; font-weight:bold; color:#e98610; white-space:nowrap;}
.content .right .main-block ul  li .button1{float:left; height:12px; line-height:12px; padding:8px 12px; margin:0px 0px 12px 40px; border:1px solid #d4d4d4; border-radius:5px; color:#f58634; font-weight:bold; font-size:12px; background:url('../images/button1-pattern.png') repeat-x top center;}
.content .right .main-block .project{float:left; margin:10px 12px 10px 8px; border:2px solid #ddd; width:150px; height:150px; background-color:white;}
.content .right .main-block .project img{width:150px; height:150px;}


.footer{width:100%;  float:left; color: white;background-color: #033A55;}
.footer a{color:#fff;}
.footer .top-footer-line{width:100%; height:1px; float:left; border-top:1px solid #26041f; background-color:#640852;}

/*.footer .col1{float:left; width:306px; margin-bottom:22px;}*/
 .footer .col1{float: left;
    margin-bottom: 10px;
    margin-right: 8px;
    width: 32.33%;}
.footer .col1 span p{margin:5px 0px !important;}
.footer .col2{float:left; width:255px; margin-bottom:22px;}
.footer .col1 h3, .footer .col2 h3{text-align:center;color:white; font-size:12pt; font-weight: normal !important; margin:0px; margin-bottom:10px;  padding:10px 2px; border-bottom:1px solid #1e3254; text-transform:uppercase;}
.footer .col1 h4{color:#aaa; font-size:10pt; font-weight:bold; text-transform:uppercase;}
.footer .col1 span, .footer .col2 span{color:#fff; font-size:9pt; float:left;}
.footer .col1 span p, .footer .col2 span p{margin:0px 0px;  float:left;}
.footer .col2 span strong span{font-weight:normal;float:none;}
.footer .col1 .project{float:left; margin:20px 12px 0px 0px; border:5px solid #14294c; width:69px; height:69px; background-color:white;}
.footer .col1 .project img{width:69px; height:69px;}

.footer  .bottom-footer{width:100%; float:left; background-color:#14294c; font-size:10px; padding:16px 0px; color:#aaaaaa;}
.footer  .bottom-footer span a{color:white;}
.footer  .bottom-footer .copyright{float:left;}
.footer  .bottom-footer .backtotop{float:right;}

@media only screen and (max-width:980px){
	.footer .col1,.footer .col2{width:30%; margin:0 1.5% !important;}
}
@media only screen and (max-width:640px){
	.footer .col1,.footer .col2{width:92%; margin:20px 4% !important;}
}

.right .main-block .paging{margin:5px;  font-family:Tahoma, Geneva, sans-serif; float:left; width:516px;}
.right .main-block .paging a{padding:6px 10px; font-size:12px; line-height:24px; border:1px solid #ddd; margin-left:-1px;}
.right .main-block .paging strong{color:#999; font-size:12px; padding:6px 10px; background-color: #F5F5F5; line-height:24px; border:1px solid #ddd;  margin-left:-1px; }

/* -------------------- LIST NEWS -------------------- */
.right .newslist .divider {line-height:1px; float:left; width:100%; border-bottom:1px dotted #eee; display:block;}
.right .newslist  ul{margin:0px; padding:0px; float:left;}
.right .newslist  ul li{margin:0px; padding:0px; float:left; width:100% !important;}
.content>.right>.main-block.newslist>ul>li{height:auto !important;}
.right .newslist  .newslist-images{float:left; padding: 4px;border: 1px solid #e0e0e0;background: #fff;}
.right .newslist  .newslist-images a{display: block;width: 80px;height: 60px;overflow: hidden;}
.right .newslist  .newslist-images a img{width: 80px;height: 60px;}
.right .newslist  .newslist-content{float: right;width: 80%;}
.right .newslist  .newslist-content h4{margin: 0px 0px 5px 0px;}
.right .newslist  .newslist-content h4 a{color: #005984;font-size: 13px;}
.right .newslist  .newslist-content .newslist-info{font-size: 10px;text-transform: uppercase;margin-bottom: 5px;color: #888;display: block;padding-left: 15px;background: url(../images/time.png) 0px 1px no-repeat;}
.right .newslist  .newslist-content p{line-height: 1.5em;border: 0px;font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}
.right .newslist  .newslist-content p a{color: #ef6000;font-style: italic;display: inline-block;padding-right: 12px;font-size: 11px;background: url(arrow.png) center right no-repeat;}

/* -------------------- NEWS -------------------- */
.right .news  a:hover{text-decoration:underline;}
.right .news  h3  strong{float:left;display: block; padding-right:10px;}
.right .news  h3 a{float: left;color:white !important; font-size: 14px;font-weight: normal;color: #5c5c5c;padding-left: 15px;display: block;background: url(../images/expand-arrow.png) 0px 6px no-repeat;margin-right: 10px;}
.right .news h1{font-size: 17px;font-family: Arial;font-weight: bold;color: #0c7aaf; margin:15px 10px;}
.right .news .news-info{color: #999;font-style: italic; font-size:12px; margin: 0px 0px 10px 10px;background: url(../images/time.png) 0px 3px no-repeat;padding-left: 15px;}
.right .news .news-content{margin:10px;}
.right .news .news-content p{margin-left:0px !important;}
.right .news h4{font-size: 12px;border-top: 1px solid #fff;border-bottom: 3px solid #99cc00;font-weight: bold;padding: 5px 0; margin:10px 10px; text-transform:uppercase;}
.right .news  ul li{width:114px !important; }
.right .news  ul.same_cate li{padding: 7px !important; height: 130px !important;}
.right .news  ul li a img{width:114px !important; height:85px !important;}
.right .news  ul li a {color: #085597;display: block; font-size:12px;}

.right .news  ul.list{padding:0px 10px 20px 10px; width:506px; float:left;}
.right .news  ul.list li{ float:left;background: url(../images/expand-arrow.png) 0px 5px no-repeat;padding: 0px 0px 0px 15px !important;margin: 5px 0; float:none; width: 494px !important;}
.right .news  ul.list li a {font-family:tahoma;}
.right .news  ul.list li a span{font-style: italic;color: #b0b0b0; font-size:11px;}
.right .news  ul.list li a span img{width:30px !important; height:10px !important; float:none; margin-left:5px;}
#samecategory {padding:0; width:100%;}
#samecategory li{padding:10px 8px; float: left;}

/* -------------------- PRODUCTS -------------------- */
.right .product  h3  strong{float:left;display: block; padding-right:10px;}
.right .product  h3 a{float: left;font-size: 14px;font-weight: normal;color: #5c5c5c;padding-left: 15px;display: block;background: url('../images/expand-arrow.png') 0px 6px no-repeat;margin-right: 10px;}
.right .product .product-infor{float:left;}
.right .product .product-infor .product-images{float:left; width:180px; height:190px; border:3px solid #eaeaea;  margin:15px 5px;}
.right .product .product-infor .product-images img{max-width:180px; max-height:190px;}
.right>.product>.product-infor>.product-images>a{width:180px; height:190px; display:table-cell; vertical-align:middle; text-align:center;}
.prod_image_small{float:left; width:38px; height:38px; margin:0px 2px;}
.prod_image_small img{width:38px; height:38px;}
.prod_image_small.active{border:1px inset #000;}
.right .product .product-infor .product-detail {float:left; font-family: Tahoma, Geneva, sans-serif; width: 320px; min-height:320px; display:block; overflow:hidden;}
.right .product .product-infor .product-detail h1{font-size: 20px;font-weight: normal;margin-bottom: 5px;}
.right>.product>.product-infor>.product-detail>span{border-bottom: 1px dotted #ddd;padding: 6px 0; margin:5px; float:left;}
.right .product .product-infor .product-detail .price{color: #f00; font-size: 15px;  width: 310px;}
.right .product .product-infor .product-detail .price strike{color:#999;}
.right .product .product-infor .product-detail .brand, .right .product .product-infor .product-detail .status, .right .product .product-infor .product-detail .brief, .right .product .product-infor .product-detail .buy{ font-size: 12px; width: 310px;}
.right .product .product-infor .product-detail .status a{padding: 2px 20px; background: url(../images/tick2.png) 0px 0px no-repeat; float:none;}
.right .product .product-infor .product-detail .support{font-size: 12px; width: 310px; line-height:20px; color:red;}
.right .product .product-infor .product-detail .support a{color:red;height:12px; display:block; float:left; padding: 10px 0px 10px 0px;}
.right .product .product-infor .product-detail .support span{padding: 4px 20px; line-height:10px;  background: url(../images/phone1.png) 0px 0px no-repeat; border:none; margin:0px;}
.right .product .product-infor .product-detail .support img{padding:0px;margin-bottom: -3px; margin-right: 5px;}
.right .product .product-infor .product-detail .buy .button1{float:left; height:12px; line-height:12px; padding:8px 12px; margin-bottom:2px; margin-top:0px; border:1px solid #d4d4d4; border-radius:5px; color:#e87b72; font-weight:bold; font-size:12px; background:url('../images/button1-pattern.png') repeat-x top center;}
.right .product .product-infor .product-detail .brief {border-bottom:none;}
.right .product .product-infor .product-detail .brief p {margin:0px 0px 5px 0px;}
.right .product .product-infor .product-description{width:530px;}
.right .product .product-infor .product-description .product-descdetail{float:left; margin:15px;max-width: 500px;}
.right .product .product-infor .product-description .product-descdetail *{max-width:530px !important;}
.right .product .product-infor .product-description .product-descdetail img{max-width:500px !important;}
.right .product h4{float: left;margin: 0 15px;border-bottom: 1px solid #c6c6c6; width: 500px;}
.right .product h4 strong{font-size: 15px;font-weight: bold;position: relative;display: inline-block;background: #fff;margin-bottom: -10px;padding-right: 5px;}


/* ---------------------CONTACT-------------------- */
.right .contact {width:530px !important;}
.right .contact h3{width:498px !important;}
.right .contact .contact_page{width:530px; font-size:12px; font-family:tahoma; padding: 20px 0px; margin:0;}
.right .contact .contact_page .flashtext_error{float:left; width:490px; background-color:rgb(255, 76, 76); color:white; padding:5px 10px; margin:20px 10px 5px 10px;}
.right .contact .contact_page .flashtext_success{float:left; width:490px; background-color:rgb(76, 255, 126); color:white; padding:5px 10px; margin:20px 10px 5px 10px;}
.right .contact .contact_page form{width: 530px;float: left;}
.right .contact .contact_page .detail_contact{float: right;width: 510px; padding:0px 10px;}
.right .contact .contact_page form dl{width: 510px;float: left; color: black; padding: 7px 10px; margin:0px;}
.right .contact .contact_page form dl dt{float: left;width: 150px;text-align: right;padding-top: 5px;}
.right .contact .contact_page form dl dt span{color: #e00;}
.right .contact .contact_page form dl dd{float: right;width: 320px;}
.right .contact .contact_page form dl dd input{border-radius: 5px;border: 1px solid #cbcbcb;padding: 3px 3px 3px 24px; width:240px;}
.right .contact .contact_page form dl dd input[type='submit']{ width:80px;}
.right .contact .contact_page form dl dd input.fullname{background: #fff url(../images/people.png) 5px 4px no-repeat;}
.right .contact .contact_page form dl dd input.email{background: #fff url(../images/email.png) 5px 5px no-repeat;}
.right .contact .contact_page form dl dd input.mobile{background: #fff url(../images/mobile.png) 5px 4px no-repeat;}
.right .contact .contact_page form dl dd input.address{background: #fff url(../images/address.png) 5px 4px no-repeat;}
.right .contact .contact_page form dl dd textarea{width: 260px;height: 100px;}
.right .contact .contact_page .button1{float:left; line-height:12px; padding:8px 12px; margin-bottom:2px; margin-top:0px; border:1px solid #d4d4d4; border-radius:5px; color:#e87b72; font-weight:bold; font-size:12px; background:url('../images/button1-pattern.png') repeat-x top center;}
.right .contact .contact_page .detail_contact h1{font-size: 13px;color: #0c7aaf;}
.right .contact .contact_page .detail_contact p{margin: 5px 0;padding-left: 16px;color: #444;}
.right .contact .contact_page .detail_contact p.address-1{background: url(../images/add.png) 0px 2px no-repeat;}
.right .contact .contact_page .detail_contact p.mobile-1{background: url(../images/phone.png) 0px 2px no-repeat;}
.right .contact .contact_page .detail_contact p.email-1{background: url(../images/mail.png) 0px 2px no-repeat;}
#mapcont{width: 500px;margin-top: 18px;height: 240px;border-radius: 5px;border: 5px solid #fff;box-shadow: 0px 0px 3px #aaa;}
#mapcont p{margin:0; padding:0;}

/* ---------------------SEARCH-------------------- */

.right .search .title{float:left; width:96%; padding:5px 2%; font-size:12px;}
.right .search h4{float:left; font-size: 12px; border-top: 1px solid #fff; border-bottom: 3px solid #99cc00; font-weight: normal; padding: 5px 0; margin: 10px 2%; width:96%;}
.right .search .content{float:left; width:100%;}
.right .search  ul {list-style:none; float:left; padding:0px !important; width:100%; margin-bottom:20px !important;}
.right .search  ul li {width:90% !important; margin:2px 4% !important; font-size:11px; padding:2px 5px !important;}

/* ---------------------PROJECT-------------------- */
.right .project  ul{margin:0px; padding:0px; float:left;}
.right .project  ul li{margin:0px 15px 0px 15px; padding:0px; float:left; width:200px !important; height:270px !important;}
.right .project  .project-images{float:left; padding: 4px;background: #fff;}
.right .project  .project-images a{display: block;width: 200px;height: 200px;overflow: hidden; border-radius: 5px; box-shadow: 0px 0px 10px #BDBDBD; text-align: center;}
.right .project  .project-images a img{width: 200px !important;height: 200px !important;}
.right .project  .project-content a{float:left; width:100%; margin-top:10px; color: #BC131A; font-size:12px; font-family:Tahoma; font-weight:bold; text-align:center;}

.omega {margin-right:0px !important;}

@media only screen and (max-width:980px){
	.content{width:100%;}
	.content > .left:nth-child(3){display:none;}
	.content > .left{margin:0 20px 0 calc((100% - 756px)/2);}
	.content > .right{margin:0 calc((100% - 756px)/2) 0 0 ;}
}
@media only screen and (max-width:780px){
	.content > .left{display:none;}
	.content > .left:nth-child(3){display:block; width:526px; margin:0 calc((100% - 526px)/2);}
	.content > .left:nth-child(3) > div{display:none;}
	.content > .left:nth-child(3) > .news{display:block; width:100%;}
	.content > .left:nth-child(3) > .news .top-bg{width:100%;}
	.content > .left:nth-child(3) > .news ul li{margin:0 calc((100% - 380px)/4);   height: 69px;}
	.content > .left:nth-child(3) > .news ul li.viewall{height:auto;}
	.mobile{display:block;}
	.content > .right{margin:0 calc((100% - 526px)/2);}
}
@media only screen and (max-width:546px){
	.content > .right{margin:0; width:100%;}
	.content > .left:nth-child(3){width:100%; margin:0;}
	.content > .left:nth-child(3) > div{border-left:0; border-right:0;}
	.content>.right>.main-block>h3{width:100% !important; -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;           box-sizing: border-box;   border-top-right-radius: 0px; border-top-left-radius: 0px;}
	.content .right .main-block{width:100% !important; overflow:hidden; -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;           box-sizing: border-box; border-radius: 0px;}
	.content .right .main-block ul{width:100%; padding:10px 0;}
	.content>.right>.main-block>ul>li{margin:20px calc((100% - 264px)/2) 0 calc((100% - 264px)/2); width:244px;}
	.content .right .main-block ul li .image{width:244px;}
	.content .right .main-block ul li .button1{-webkit-box-sizing: border-box;      -moz-box-sizing: border-box;           box-sizing: border-box;    margin:0 30%; width:40%; height:auto; text-align:center;}
	.content .right .main-block ul li .image img{max-width:244px; max-height:200px;}
	
	.content>.right>.main-block.newslist>ul>li{margin:0 0 20px 0; -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;           box-sizing: border-box;}
	.content>.right>.main-block.newslist .newslist-content{width:70%;}
	.content>.right>.main-block.news > div{width:100%;}
	.content>.right>.main-block.product .product-infor{width:100%;}
	.content>.right>.main-block.product .product-infor .product-images{width:80%;   margin: 20px 10% 90px 10%; height:auto; position:relative;}
	.content>.right>.main-block.product .product-infor .product-images > div{position:absolute; bottom:-90px;}
	.content>.right>.main-block.product .product-infor .product-images > a{width:auto; height:auto;}
	.content>.right>.main-block.product .product-infor .product-images > a img{max-height:none;}
	
	.content>.right>.main-block.product .product-infor .product-images .prod_image_small{width:auto; height:auto;}
	.content>.right>.main-block.product .product-infor .product-images .prod_image_small img{  width: 64px; height: 64px;}
	
	.content>.right>.main-block.product .product-infor .product-detail{width:92%; margin:20px 4%;}
	.content>.right .product .product-infor .product-detail .price, .content>.right .product .product-infor .product-detail .brand, .content>.right .product .product-infor .product-detail .status, .content>.right .product .product-infor .product-detail .brief, .content>.right .product .product-infor .product-detail .buy{width:100%; margin-left:0; margin-right:0;}
	.content>.right .product .product-infor .product-description{ width:92%; margin:0 4%;}
	.content>.right .product .product-infor .product-description h4{width:auto; margin:0; float:none; line-height:20px;}
	.content>.right .product .product-infor .product-description .product-descdetail{margin:0; width:100%;}
	.content>.right .product .product-infor .product-description .product-descdetail *{max-width:100% !important; }
	
	.right .contact .contact_page{width:100%;}
	.right .contact .contact_page .detail_contact{float:none; display:block; margin:40px 4% 10px 4%; width:92%;   padding: 0;   line-height: 20px;}
	.right .contact .contact_page .detail_contact p{background-position:0px 6px !important;}
	#mapcont{width:auto;}
	#mapcont iframe{width:100% !important;}
	.right .contact .contact_page form{width:92%; margin:20px 4%;}
	.right .contact .contact_page form dl{width:auto;}
	.right .contact .contact_page form dl dt{text-align:left;   margin-bottom: 10px;}
	
	.footer .bottom-footer .copyright{margin-left:4%;}
	.footer .bottom-footer .backtotop{margin-right:4%;}
}
@media only screen and (max-width:420px){
	.content>.right>.main-block.newslist .newslist-content{width:60%;}
	#samecategory li {margin: 20px calc((100% - 260px)/4);   height: 140px;}
	
	.content > .left:nth-child(3) > .news ul li{margin: 10px 4%; width: 92%; height:auto;}
	.content > .left:nth-child(3) > .news ul li img{width:120px; margin-right:10px;}
	.content > .left:nth-child(3) > .news ul li span{float:none; width:auto; display:block; margin:0;}
	.content > .left:nth-child(3) > .news ul li.viewall{float:left;}
}

.stats .counter-left,.stats .counter-right{font-size: 12px;  margin-top:12px; margin-bottom:12px; display:inline-block; font-weight:bold; vertical-align:top; line-height:20px;}
.stats .counter-left,.stats .counter-right > div{display:inline-block;}
.stats .counter-left{   margin-left:4%;  padding:2px 2%; width:40%;   color:#b7b7b7; }
.stats .counter-right{   padding: 2px 2%; width: 45%; border-left:1px solid #333;  color:#666666; }