BODY {
    FONT-SIZE: 12px; MARGIN: 0px auto; COLOR: #333; font-family: "microsoft yahei",'SimSun',sans-serif; font: 12px/1.5 tahoma, arial, \5b8b\4f53;
}
DIV {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
FORM {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
UL {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
OL {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px
}
LI {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; font-family: "microsoft yahei",'SimSun',sans-serif;
}
SPAN {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px; font-family: "microsoft yahei",'SimSun',sans-serif;
}
P {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto;  BORDER-RIGHT-WIDTH: 0px; font-family: "microsoft yahei",'SimSun',sans-serif;
}
IMG {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
A IMG {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
UL {
    LIST-STYLE-TYPE: none; font-family: "microsoft yahei",'SimSun',sans-serif;
}
OL {
    LIST-STYLE-TYPE: none; font-family: "microsoft yahei",'SimSun',sans-serif;
}
LI {
    LIST-STYLE-TYPE: none; font-family: "microsoft yahei",'SimSun',sans-serif;
}
TABLE {
    FONT-SIZE: 12px
}
TD {
    FONT-SIZE: 12px; font-family: "microsoft yahei",'SimSun',sans-serif;
}
INPUT {
    FONT-SIZE: 12px; font-family: "microsoft yahei",'SimSun',sans-serif;
}
H1 {
    MARGIN: 0px auto; font-family: "microsoft yahei",'SimSun',sans-serif;
}
H2 {
    MARGIN: 0px auto; font-family: "microsoft yahei",'SimSun',sans-serif;
}
H3 {
    MARGIN: 0px auto; font-family: "microsoft yahei",'SimSun',sans-serif;
}
H4 {
    MARGIN: 0px auto; font-family: "microsoft yahei",'SimSun',sans-serif;
}
H5 {
    MARGIN: 0px auto; font-family: "microsoft yahei",'SimSun',sans-serif;
}
H6 {
    MARGIN: 0px auto; font-family: "microsoft yahei",'SimSun',sans-serif;
}
.clear {CLEAR: both;}
.fl{float: left}
.fr{float: right}
A:link {COLOR:#666666; TEXT-DECORATION: none; outline-style: none;}
a{text-decoration:none; COLOR:#666666;}
a:hover{ text-decoration:none; color:#666666;}


/*start*/
.topbg{width: 1100px;margin: 0  auto; height: 25px; background: #000}
.top{width: 100%; height: 25px;background: #000}
.topbg_l{}
.topbg_l p{color: #fff;padding: 3px}
.topbg_r li{float: left}
.topbg_r li a{color: #fff}
.wrapper{width: 100% ;background: #f0f0f0}
.navbg{width: 1300px; margin: 0 auto; height: 100px; background: #f0f0f0}
.logo{background: url("../images/logo.png") no-repeat; height: 100px;width: 175px}
.phone{height:55px;color: #f00;}
.nav1{height: 40px; padding-left:10px;}
.nav1 li{float: left;height: 40px;line-height: 40px;}
.nav1 li a{ font-size: 15px;padding: 12px 8px}
.nav1 li:hover{border-bottom: 2px #f00 solid;}
.nav1 li a:hover{color: #f00}
/*main*/
.pp_bg{width: 100%;height: 500px; background: url("../images/pp_bg.jpg") no-repeat;}
.pp_bg img{margin: auto}
/*product*/
.product{width: 1250px;margin: 0 auto; margin-top:40px;}
.product_t{height: 120px; width: 1250px}
.product_c{width: 1100px;height: 235px}
/*.pro_c_l{text-align: center}*/
.pro_l{width: 290px}
.pro_c{width: 230px; padding: 10px}
.pro_p a{padding: 10px;}
.pro_p{text-align: center}
.pro_c_r p{padding-bottom: 10px}

/*产品分类展示*/
.feilei_t{width: 1100px; background: url("../images/feilei_t.png") repeat-x}
.feilei_list{width: 798px;margin: 0 auto;overflow: hidden;background: #fff}
.feilei_list li{float: left; border: 2px #eaeaea solid; font-size: 16px;padding: 10px 0px; border-left: 0px}
.feilei_pic li{float: left; padding: 7px}
.feilei_list li a{padding: 17px 40px}
.feilei_list li:hover{background: #f00}
.feilei_list li a:hover{color: #fff}
.feilei_pic img{width: 256px;border: 2px #eaeaea solid}
.feilei_pic {padding-top: 20px}
/*news*/

.news_bg{width: 100%}
.news_t{height: 40px;border-bottom: 2px #9f9f9f solid;width: 100%;background: #e1e0e0;border-top: 2px #cacdcf solid}
.news_c{width: 1100px;margin: 0 auto}
.news{width: 600px}
.news_top{overflow: hidden}
.news_top li{float: left;font-size: 15px;height: 40px;background: url("../images/news_li.png")no-repeat;width: 100px;margin-left: 5px;line-height: 30px;text-align: center}
.news_top li:hover{background: url("../images/news_li_h.png")no-repeat}
.news_top li a:hover{color: #fff}
.news_content li{font-size: 14px;padding: 5px}


/*banner*/
*{ margin:0; padding:0; list-style:none;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1920px; height:600px; margin:2px auto; background:#333; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:190px; left:10px; z-index:10;}
#playBox .next{ cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:190px; right:10px; z-index:10;}
#playBox .smalltitle {width:1920px; height:10px; position:absolute;  bottom:15px; z-index:10;}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#69aaec;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 30px; height: 5px; margin:0 5px; cursor: pointer; background: #fff; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #000 !important;}

/*按钮*/
.lubo_btn{ position: absolute; width: 100%; top: 270px;}
.left_btn, .right_btn{ width: 30px; height: 80px; background: #000;opacity: 0.8;filter:alpha(opacity=80); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.left_btn{ float: left;}
.right_btn{ float: right;}



/*tab*/

.focus{ position:relative; width:1250px; height:235px;  float: left;}
/*.focus img{ width: 660px; height: 380px;}*/
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}
.focus .fPic{ position:absolute; left:0px; top:0px;padding-left: 70px }
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus .fcon{ position:relative; width:100%; float:left;  display:none;   }
.focus .fcon img{ display:block;float: left }
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#FFFFFF;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#FFFFFF; }
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#FFFFFF;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus .prev:hover{  background-position:0 0; }
.focus .next:hover{  background-position:-40px 0;}
.pro_l{margin-left: 15px}
.pro_c{width: 220px;margin-left: 5px}
.pro_l img{padding-left: 10px}






/*gundong*/
td,th {
    font-size: 12px;
    color: #666666;
}



#demo{width:1250px; overflow:hidden; margin:0px auto}
.gcal{width: 1250px; margin: 0 auto;text-align: center;padding: 30px}
#demo image{border: 3px #ccc solid}
#demo1{width:1250px; overflow:hidden; margin:0px auto}
.gcal{width: 1250px; margin: 0 auto;text-align: center;padding: 30px}
#demo1 image{border: 3px #ccc solid}




/*about us*/
.about_top{width: 100%;height: 40px;float: left}
.about_x{margin: 0 auto; width: 30px}
.about_c{width: 1250px;margin: 0 auto;padding-bottom: 50px;overflow: hidden}
.about_r{padding: 10px; width: 800px}
.about_r p{font-size: 14px}





/*---------------------------news--------------------------------------*/





#page-wrap { width: 540px; float: left}


/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to example one */

#example-one { background: #eee; padding: 10px; margin: 0 0 20px 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }

#example-one .nav { overflow: hidden; margin: 0 0 10px 0; }
#example-one .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-one .nav li.last { margin-right: 0; }
#example-one .nav li a { display: block; padding: 5px; background: #959290; color: white; font-size: 15px; text-align: center; border: 0; }
#example-one .nav li a:hover { background-color: #111; }

#example-one ul { list-style: none; }
#example-one ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; font-size: 13px }
#example-one ul li a:hover { background: #fe4902; color: white; }
#example-one ul li:last-child a { border: none; }

#example-one ul li.nav-one a.current, #example-one ul#featured li a:hover { background-color: #0575f4; color: white; }
#example-one ul li.nav-two a.current, #example-one ul#core li a:hover { background-color: #d30000; color: white; }
#example-one ul li.nav-three a.current, #example-one ul#jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#example-one ul li.nav-four a.current, #example-one ul#classics li a:hover { background-color: #FE4902; color: white; }



/* Specific to example two */

#example-two .list-wrap { background: #eee; padding: 10px; margin: 0 0 15px 0; }

#example-two ul { list-style: none; }
#example-two ul li a { display: block; border-bottom: 1px solid #666; padding: 4px; color: #666; }
#example-two ul li a:hover { background: #333; color: white; }
#example-two ul li:last-child a { border: none; }

#example-two .nav { overflow: hidden; }
#example-two .nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#example-two .nav li.last { margin-right: 0; }
#example-two .nav li a { display: block; padding: 5px; background: #666; color: white; font-size: 10px; text-align: center; border: 0; }

#example-two li a.current,#example-two li a.current:hover { background-color: #eee !important; color: black; }
#example-two .nav li a:hover, #example-two .nav li a:focus { background: #999;}


/*

.ask_r{ float:left; width:420px; height:300px;margin:0px 0px 0px 170px; position:relative;}
.ask_r p{ color:#32af75; font-weight:bold; font-size:14px;}
.ask_r p input{ border:none;  border:1px #32af75 solid; border-radius:3px; height:30px; height:24px; line-height:24px; margin-left:10px; width:360px; color:#FFF;}
.ask_r p textarea{border:none; border:1px #32af75 solid; border-radius:3px; height:50px; width:360px; margin-left:10px; resize: none; color:#FFF;}
.ask_r p .yzm{ width:80px !important;}
.ask_r p img{ vertical-align:middle; margin:0px 10px; float: left}
.ask_r p .submit{ width:48px; height:23px;background:url(../images/btn.gif) no-repeat 0px 0px;}
.ask_r p .reset{ width:48px; height:23px;background:url(../images/btn.gif) no-repeat -63px 0px;}


/*news*/
.news_hr{width: 100%;height: 50px;border-bottom: 1px solid #b6b6b6 ;border-top: 1px solid #b6b6b6;margin-bottom: 20px;background: #e3e3e3}
.news_hr_m{width: 1250px;margin: 0 auto;line-height: 50px}
.news_hr_m h2,.news_hr_m p{float: left}
.news_hr_m p{padding-top: 0px}



/*news_tab*/
<!--

/*选项卡1*/
#Tab1{
    width:574px;
    margin:0px;
    padding:0px;
   float: left}
/*选项卡2*/
#Tab2{
    width:576px;
    margin:0px;
    padding:0px;
    margin:0 auto;}
/*菜单class*/
.Menubox {
    width:100%;
    background:url(../images/bg2.gif);
    height:28px;
    line-height:28px;
}
.Menubox ul{
    margin:0px;
    padding:0px;
}
.Menubox li{
    float:left;
    display:block;
    cursor:pointer;
    width:114px;
    text-align:center;
    color:#949694;
    font-weight:bold;
}
.Menubox li.hover{
    padding:0px;
    background:#fff;
    width:116px;
    border-left:1px solid #A8C29F;
    border-top:1px solid #A8C29F;
    border-right:1px solid #A8C29F;
    background:url(../images/bg1.gif);
    color:#739242;
    font-weight:bold;
    height:27px;
    line-height:27px;
}
.Contentbox{
    clear:both;
    margin-top:0px;
    border:1px solid #A8C29F;
    border-top:none;
    height:290px;
padding-left:10px;
    padding-top:8px;
}





.gehang {height: 20px;width: 20px;clear: both;}
/* 网站局中盒子样式 */
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}


/* 选项卡示例样式 */

.main1_1,.main2,.box {width: 507px;margin-bottom: 10px; float: left}
.tab {
    overflow: hidden;
    width: 505px;
    height: 32px;
    background: #ddd;
    border: 1px solid #ddd;
    cursor: pointer;
}
.tab li {
    float: left;

    line-height: 32px;
    border-right: 1px solid #fff;
	color:#fff
}
.tab li.on {
    background: #fff;
	color:#000;
	
}
.con {
    width: 487px;
    padding: 9px;
    border: 1px solid #ddd;
    border-top: none;
    height: 240px;
	color:#000
}








.box h1 {text-align: center;font:bold 26px/2 tahoma,"\5FAE\8F6F\96C5\9ED1";cursor: pointer;color: #f60;}
.info {border: 1px dashed #ddd;padding: 10px;line-height: 2;background: #f4f4f4;}
.info p {padding:3px 0;text-indent: 2em;}
.code {font-family:Fixedsys;font-size: 12px;color: #06f;}
.info pre {padding-left: 2em;}
.h3 {font-size: 16px;color: #06f;font-weight: bold;line-height: 1.5;margin-top: 20px;}
.down {}
.down a {display: block;width: 300px;height: 40px;line-height: 40px;margin: 20px auto;border: 1px solid #ddd;text-align: center;background: #f4f4f4;border-radius:8px;font-size: 14px;}
.down a:hover {background: #f60;border: 1px solid #f60;color: #fff;text-decoration: none;}
#copy {text-align: center;padding: 20px;}
.good {}
.good li {line-height: 2;font-size: 14px;}





#main1_1{width:1250px}
#main1_1 .con{width:1230px; height:345px}
#main1_1 .tab{ width:1248px; background: #f00; border: 1px solid #f00;}
#main1_1 .tab li{ width: auto; padding:0px 30px 0px 30px;}
#main1_1 .tab .con{ color:#000}
#main1_1 img{ width:304px; height:170px}


.hyfa{ width:100%; float:left; margin-bottom:50px}
.hyfa_k{ width:1240px; margin:0 auto; border:1px #ccc solid; height:670px}
.hyfa_k a{ float:left ; text-align:center; font-weight:bold}