*{margin:0; padding:0;}
body{font:12px/22px Arial, Helvetica, sans-serif; color:#666; background:#fff;}
table{border-collapse:collapse;border-spacing:0; text-align:center; border:1px solid #ccc;}
hr{clear:both; border:0; border-bottom:1px dotted #ccc; padding-top:10px; margin-bottom:10px; height:1px; line-height:1px; overflow:hidden;}
img{border:0;}
ul,li{list-style:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#f00;}
input,a{outline:none;}

/*header*/
#header{margin:0 auto; width:960px; height:110px;}
.logo{float:left; width:250px; height:110px; background:url(../images/logo.jpg) no-repeat 0 35px;}
.menu{float:left; width:710px; height:110px;}
.menu .topbar{padding-top:15px;}
.search{float:right; width:207px; height:27px; background:url(../images/searchbg.jpg) no-repeat;}
.search .key{margin:6px 0 0 15px; width:150px;}
.search input{border:0; background:transparent; color:#bbb;}
.language{float:right; padding:3px 0 0 8px;}
.language .chinese{float:left;}
.language .english{float:left; margin-left:8px;}
.language a.chinese{width:30px; height:20px; background:url(../images/language.jpg) no-repeat;}
.language a:hover.chinese{background-position:0 -25px;}
.language a.english{width:30px; height:20px; background:url(../images/language.jpg) no-repeat -39px 0;}
.language a:hover.english{background-position:-39px -25px;}
.menu .nav{clear:both; padding-top:30px}
.menu .nav ul{text-align:right;}
.menu .nav li{display:inline-block; font-size:15px; margin-left:30px;}
.menu .nav a:hover,.menu .nav a.active{color:#ed1c22;}

/*focus*/
#banner{width:100%; height:375px; background:url(../images/bannerbg.jpg); text-align:center; border-top:2px solid #ed1c22;}
#focus{width:100%; height:375px; background:url(../images/bw.png) repeat-x left bottom; }

/*samll banner*/
.banner_index{height:182px;position: relative;overflow:hidden;width: 285px;margin:0 auto;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width: 285px;float: left;}
.indexBanner_num{width:285px;margin: 0 auto;padding:10px 0;text-align: center;} 
.indexBanner_num a{width: 8px;height: 8px;display: inline-block;_zoom:1;background: url(../images/bg_num.png) no-repeat 0 0;font-size: 0px;line-height: 0px;margin:0 3px;}
.indexBanner_num a.on,.indexBanner_num a:hover{background: url(../images/bg_num_on.png) no-repeat 0 0;}

/*main*/
.main{margin:0 auto; width:960px; padding-top:25px; overflow:hidden;}
.main .con1{}
.con1_left{float:left; width:285px; padding:5px 10px 15px 10px; background:url(../images/playerbg.jpg) no-repeat left bottom;}
.con1_left p{line-height:45px; color:#b6b6b6; text-align:center;}
.con1_right{float:right; width:610px; padding-top:7px; background:url(../images/y1.jpg) no-repeat 0 7px; padding-left:30px;}
.con1_right_con{padding-right:30px; background:url(../images/y2.jpg) no-repeat right bottom;}
.con1_right_con p{text-indent:2em; color:#949494; line-height:30px;}
.con2{clear:both; padding-top:15px; line-height:28px;}
.con2_box1{float:left; width:305px; padding:20px; background:#eee; margin-right:5px; overflow:hidden;}
.con2_box2{float:left; width:220px; padding:20px; background:#c0192a; color:#fff; overflow:hidden;}

/*footer*/
.footer{clear:both; width:100%; height:54px; background:url(../images/footbg.jpg) repeat-x; border-top:3px solid #c0192a; margin-top:25px;}
.foot_con{margin:0 auto; width:960px; height:54px; background:url(../images/footlogo.jpg) no-repeat; color:#666;}
.foot_con span{float:left; line-height:54px; padding-left:50px;}
.foot_con p{float:right; line-height:54px;}
.foot_con p a{color:#666; padding:0 8px;}
.foot_con p a:hover{color:#fff}

/*
 *Page
 *=========================
*/
.left{float:left; width:210px;}
.left_top{height:48px; background:url(../images/left_top.jpg) no-repeat;}
.left_top_en{height:48px; background:url(../images/left_top_en.jpg) no-repeat;}
.left_con{background:url(../images/left_center.jpg) repeat-y; padding:8px 0 15px 0;}
.left_con li{margin:0 auto; width:140px; height:33px; line-height:33px; padding-left:26px; background:url(../images/leftlist_en.jpg) no-repeat; overflow:hidden;}
.left_con_en li{padding-left:26px; width:140px; background:url(../images/leftlist_en.jpg) no-repeat;}
.left_con li .c,.left_con_en li .c{color:#F00; font-weight:bold;}
.left_con a{color:#555;}
.left_con a:hover{color:#f00;}
.left_bottom{height:14px; background:url(../images/left_bottom.jpg) no-repeat;}
.left_icon{text-align:center;}
.left_icon img{padding:5px 0;}
.right{float:right; width:724px;}
.position{background:url(../images/position.jpg) no-repeat; height:47px; padding:14px 0 0 45px; font-family:"ËÎÌå";}
.about,.news_list,.shownews£¬.pro_list,.showpro{margin:0 auto; width:710px;}
.sublist{background:url(../images/bg_list.gif) no-repeat 26px center!important; width:130px!important; padding-left:36px!important;}

/*about*/
.about{line-height:32px; font-size:14px; padding-top:10px;}
.about p{text-indent:2em;}

/*news*/
.news_list li{padding-left:15px; height:40px; line-height:40px; background:url(../images/line.gif) no-repeat 0 bottom;}
.news_list span{float:right; color:#cfcfcf;}
.shownews h1{text-align:center; font-size:16px; padding-top:20px;}
.prev{margin:0 auto; width:680px; padding:15px 0 0 10px; font-size:13px;}
.prev a{color:#666;}
.prev a:hover{color:#f00; text-decoration:underline;}

/*product*/
.pro_list{padding-top:10px;}
.pro_list li{float:left; padding:12px 16px;}
.pro_list img{padding:8px; border:1px solid #f2f2f2; width:190px; height:138px; border-radius:5px;}
.pro_list p{text-align:center; padding-top:10px; width:208px; height:20px; line-height:20px; display:block; overflow:hidden;}
.pro_list a:hover{font-weight:bold;}
.showpro{text-align:center; padding:30px 0; max-width:650px; position:relative;}
.showpro .pro_prev{width:60px; height:60px; position:absolute; left:0; top:50%; background:url(../images/next.png) no-repeat; text-indent:-9999px; display:none;}
.showpro .pro_next{width:60px; height:60px; position:absolute; right:0; top:50%; background:url(../images/next.png) no-repeat -60px 0; text-indent:-9999px; display:none;}
.showpro .pro_prev:hover{background-position:0 -60px;}
.showpro .pro_next:hover{background-position:-60px -60px;}
.prodes{margin:0 auto; width:680px; height:37px; border-bottom:1px solid #d0d0d0; position:relative;}
.proinfo{position:absolute; width:680px; top:0; left:8px;}
.proinfo li{float:left; margin:8px 10px 0 0; width:98px; height:30px; line-height:30px; background:url(../images/tab.jpg) no-repeat; text-align:center; cursor:pointer;}
.proinfo .on{border:1px solid #c1c1c1; margin-top:0; border-top:3px solid #c1c1c1; background:#fff; border-bottom-color:#fff; height:34px; line-height:34px; color:#343434; font-size:14px; font-weight:bold; width:90px;}
.proinfo span{float:right; padding:10px 10px 0 0; font-size:16px;}
.proinfo a{color:#bbb; padding:2px 5px;}
.proinfo a:hover{color:#333;}
.prodes_con{margin:0 auto; width:668px; padding:9px 9px 9px 13px; line-height:28px;}

/*contact*/
.contact{line-height:25px; font-size:12px; padding:0 10px;}
.contact a{color:#333;}
.contact a:hover{text-decoration:underline;}

/* Page */
.c{clear:both;}
.pager { text-align:center; clear:both; padding:30px 0; }
.pages a, .pages span { display:inline-block; margin-right:5px; padding:0 10px; background-color:#eee; height:32px; line-height:32px; color:#A32947; box-shadow:0 1px 1px rgba(0, 0, 0, .1); -moz-box-shadow:0 1px 1px rgba(0, 0, 0, .1); -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .1); border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px }
.pages span,.pages span.current { font-weight:700; background-color:#D80700; color:#fff; box-shadow:inset 0 1px 3px rgba(0, 0, 0, .1), 0 1px 0 #FFF; -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, .1), 0 1px 0 #FFF; -moz-shadow:inset 0 1px 3px rgba(0, 0, 0, .1), 0 1px 0 #FFF }
.pages span.break { background:0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; padding:0 }
.pages a:hover, .pages a:active { background-color:#ddd; color:#A32947; box-shadow:inset 0 1px 3px rgba(0, 0, 0, .1), 0 1px 0 #FFF; -webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, .1), 0 1px 0 #FFF; -moz-shadow:inset 0 1px 3px rgba(0, 0, 0, .1), 0 1px 0 #FFF }

/*LEAN MODAL*/
#lean_overlay {position: fixed; z-index: 10000; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none;}

/*message*/
#signup { width: 404px; padding-bottom: 2px; display:none; font-size:62.5%; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.7); }
#test { width: 600px; padding: 30px; display:none; background: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.7); }
#test p { color: #666; text-shadow: none; }
#signup-header { background: url(../message/hd-bg.png); padding: 18px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#signup-header h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#signup-header p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }
#signup .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#signup .btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }
#signup .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left; }
#signup .txt-fld input,textarea { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
.txt-fld input:focus, .txt-fld textarea:focus { background-color: #FAF9DC; }
button { float: right; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; background: #3F9D4A; border: none; width: auto; overflow: visible; font-size: 1.4em; color: #FFF; padding: 7px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(../message/modal_close.png); z-index: 2; }