@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
div, span, ul, li, p, img{ margin:0; padding:0;}
img{ border:none; vertical-align:top;}
ul, ol, dl{ list-style:none;}
.clear{ clear:both; visibility:hidden; line-height:0; display:block;}
body{ border-top:3px solid #cc3300; font-size:12px; color:#fff; font-family:Tahoma, Geneva, sans-serif;}
.left{ float:left;}
.right{ float:right;}
a{ text-decoration:none; color:#fff;}

/*font*/
h3, h3 a:link, h3 a:visited, h3 a:hover{ font-size:14px; text-transform:uppercase; color:#cc3300; text-decoration:none;}
.white27b{ font-size:27px; font-weight:bold; color:#fff;}

/*top*/
#top{ width:940px; margin:0 auto;  height:372px;}
.index-top{ width:940px;position:absolute;top:3px;height:372px;z-index:-1;}
#top .left{ padding:10px 0 0 35px; width:120px;}
#top .nav{position: relative;height:32px;background:url('../images/menu1_bgl.png') no-repeat left top;}
#top .nav ul{margin-left:10px;background:url('../images/menu1_bgr.png') no-repeat right top;padding-right:10px;height:32px;}
#top .right .nav-top{ background:#cc3300; height:32px; line-height:32px; font-weight:bold;  padding:0 20px; }
#top .right .nav.zh .nav-top{ padding:0 12px; }
#top .right .nav-top a:hover{ color:#77b60f; text-decoration:none;}
#top .right li{ float:left;}
#top .right li .submenu{margin:0 auto;position:absolute;left:30px;background:url('../images/menu2_bgl.png') no-repeat left top;height:25px;display:none;}
#top .right li ul {height:25px;background:url('../images/menu2_bgr.png') no-repeat right top;}
#top .right li li{font-weight:200; padding:0 15px; height:25px; line-height:25px;;background-color:#8fc305; }
#top .right .nav-bt a:hover{ color:#fff;}
#top .right .current,  #top .right .nav-top:hover{color:#77b60f;background:#cc3300 url(../images/bg-hover.gif) no-repeat; background-position:center 28px; }
	#top .right .current a{color:#77b60f;}

	#top .right .current .submenu, #top .right .nav-top:hover .submenu{display:block;}
	#top .right .current .submenu a{color:#fff;}
#top .right .icon-arrow{ background:url(../images/icon-arrow.gif) no-repeat; background-position:right 7px; padding-right:10px;}

/*body-contents*/
#body-contents{ background:#6d3600;}
#body-contents .con-wrap{ width:940px; margin:0 auto;}
#layout-left{ width:700px; float:left;}
#layout-right{ width:220px; float:right;}

.menu-sub, .menu-line{ height:40px; line-height:40px; border-top:1px solid #7b4a1a;}
#layout-left .products{ padding-bottom:35px;}
#layout-left .products .menu{ height:40px;}
#layout-left .products .menu .menu-product{ float:left; padding-right:10px; line-height:33px; }
#layout-left .products .menu .icon-slide img{ float:left; padding-right:10px;padding-top:11px;}
#layout-left .products .pro-group{ width:220px; float:left; padding-right:20px;}
#layout-left .products .n-pr{ padding-right:0;}
#layout-left .products  p{ line-height:18px; font-size:11px;}
#layout-left .products  .p-g-title{ text-transform:uppercase; font-size:14px; padding:8px 0;}
#mycarousel-prev,#mycarousel-next{margin-top:7px;display:inline-block;width:8px;height:20px;background:url(../images/icon_click.png) no-repeat;}
#mycarousel-prev{background-position:0 0;}
#mycarousel-prev:active{background-position:0 -40px;}
#mycarousel-next{background-position:-24px 0;margin-left:24px;}
#mycarousel-next:active{background-position:-24px -40px;}


#layout-left .contact .left{ width:220px;}
#layout-left .contact .left .add{ text-transform:uppercase; line-height:14px; padding-bottom:15px;}
#layout-left .contact .right{ width:460px;}
#layout-left .contact .right .phone{ margin-top:-5px; padding-bottom:15px;}
#layout-left .contact .right .email-text{ font-style:italic; width:340px; font-size:11px; float:left; text-align:right;}
#layout-left .contact .right .email{ background:url(../images/bg-index-email.gif) no-repeat; float:right; height:17px; width:82px; padding:28px 0 0 33px; text-transform:uppercase; font-size:11px;}

#layout-right .what .menu{height:40px; line-height:40px;}
#layout-right .what p{ line-height:14px; margin-bottom:13px;}

#layout-right .newsletter input{ }
#layout-right .newsletter .form-input{ background:url(../images/bg-form.png) no-repeat; height:24px; line-height:24px; padding-left:10px; width:210px; color:#ccc; border:none; font-size:12px; margin-bottom:10px; .margin-bottom:7px;}

/*bottom*/
#bottom{ background:#cc3300; height:80px;}
#bottom .bt-wrap{ width:940px; margin:0 auto;}
#bottom .bt-wrap .left{ width:220px; line-height:16px; padding-top:15px;}
#bottom .bt-wrap .left a:hover{ text-decoration:underline;}
#bottom .bt-wrap .right{ float:right; width:720px; padding-top:10px;}
#bottom .bt-wrap .right img{ float:left; padding-left:20px;}


.roundedimage{z-index:9;overflow:hidden; width:220px; height:220px;position:relative;}
.UIRoundedImage_Corners {z-index:100;background:url(../images/gallery_bg.png) no-repeat;display:block;height:100%;width:100%;overflow:hidden;position:absolute;top:0;left:0;}