@charset "utf-8";
/* CSS Document */

body{margin:0; background:url(../image/bg.jpg) center top repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#676767;}

.list-style, .list-style li {margin:0; padding:0; list-style:url(../image/product_dot.png) inside; border-bottom:1px #fff dashed;}
@font-face {
    font-family: 'aller_lightregular';
    src: url('font/aller_lt_1-webfont.eot');
    src: url('font/aller_lt_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_lt_1-webfont.woff') format('woff'),
         url('font/aller_lt_1-webfont.ttf') format('truetype'),
         url('font/aller_lt_1-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

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

}

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

}

.footter_ttile{ font-family:'nyalaregular',Verdana, Arial, Helvetica, sans-serif; font-size:22px; color:#fff;}
.product_ttile{ font-family:'nyalaregular',Verdana, Arial, Helvetica, sans-serif; font-size:26px; color:#fff;}

a:link, a:visited { color:#fff; text-decoration:none;}
a:hover {color:#303091;}

a:link.channel, a:visited.channel {color:#4b4b4b; text-decoration: none;}
a:hover.channel {color:#78310e; }

a:link.foot, a:visited.foot {color:#fff; text-decoration: none;}
a:hover.foot {color:#00abed; }

a:link.contactus, a:visited.contactus {color:#676767; text-decoration: none;}
a:hover.contactus {color:#00abed; }

.dot{color:#00abed; letter-spacing:5px; text-align:center;}
.align{ line-height:22px; text-align:justify;}
.hight{ line-height:28px; text-align:justify;}
.welcome2{ color:#00abed;}
.profile{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:15px; color:#fff; font-weight:800;}
.subtitle{ font-family:'belleroselight',Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#303091; font-weight:800;}
.welcome{ font-family:'belleroselight',Verdana, Arial, Helvetica, sans-serif; font-size:30px; color:#303091;}
.read_more{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; background:url(../image/read.png); height:20px; width:73px; line-height:22px; padding-left:10px;}
.flash_content{ font-family:'avantgarde_bk_btbook',Verdana, Arial, Helvetica, sans-serif; font-size:17px; line-height:40px; color:#FFFFFF;}
.color{ color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.title_home{ font-family:'bebas_neueregular',Verdana, Arial, Helvetica, sans-serif; font-size:35px; letter-spacing:10px; color:#00abed;}
#main{width:972px; height:auto; margin:auto; }
#header{width:972px; height:133px; margin:auto;}
#logo{ width:328px; height:133px; float:left; background:url(../image/logo_02.png);}
.phone{ width:170px; height:24px; float:right; background:url(../image/index_03.png); margin-top:12px; padding-left:76px; padding-top:5px; font-family:'aller_lightregular', Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:15px;}
#menu2{
	width:54%;
	height:45px;
	right:0;
	position:absolute;
	background:#00abed url(../image/menu.png ) left no-repeat;
	top: 88px;
	
}

#main_flash{ width:972px; height:343px; float:left;}
#left_flash{ width:540px; height:343px; float:left; background:url(../image/flash.png) no-repeat; }
#right_flash{ width:400px; height:auto; float:right; margin-top:20px;}
#flash{ width:518px; height:278px; float:left; margin-left:16px; margin-top:30px; }


/*------Menu-------*/
#menu {width:500px; height:45px; float:left;  font-size:13px; padding-left:25px;  }

#menu ul li {float: left; list-style:none;padding:0; margin-top:1px;  }
#menu ul li a { padding:12px 15px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; text-decoration:none; font-weight: 700; border-right:1px solid #0b90d9;}
#menu ul li a:hover{  padding:12px 15px; color:#ffffff;  background-position:bottom; }
#menu li a.active {  padding:12px 15px ; font-family:Arial, Helvetica, sans-serif; color:#303091; font-size:13px;  text-decoration:none;  background-position:bottom; }
/*------End Menu-------*/

#content_main{ width:972px; height:auto; float:left; margin-top:20px; }

#footer{ width:100%; height:332px; float:left; margin-top:20px; background:url(../image/footer_bg.jpg) repeat-x; }
#footer_inner{ width:972px; height:332px; margin-top:20px; margin:auto;}

.contact{ font-family:Verdana; font-size: 14px; color: #00abed; font-weight:800; }
.client{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #303091; font-weight:800; }

a.socialIcons:hover {
opacity: .8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
#right_product{ width:241px; height:316px; float:right; background:url(../image/product_bg.jpg);}
#right_inner{ width:230px; height:290px; float:left;  margin-top:15px;}