body{font-size:12px; margin:0px; color:#3E3E3E;}

.grayfont{color:#999}
ul, li{margin:0px; padding:0px; list-style:none}
a:link{color:#4B4B4B; text-decoration:none}
a:visited{text-decoration:none; color:#4B4B4B}
a:hover{text-decoration:none; color:#c00}
a:active{text-decoration:none; color:#4B4B4B}
.hei14{font-size:14px; font-weight:bold; color:#333}
.redfont14{font-size:14px; font-weight:bold; color:#DB0000}
.redfont12{ font-weight:bold; color:#DB0000}
 a.red:link{color:#E60012; text-decoration:none}
 a.red:hover{color:#000; text-decoration:none}
 a.red:active{color:#000; text-decoration:none}
 a.red:visited{color:#E60012; text-decoration:none}
h1{font-size:16px; color:#333; margin-top:0px}
h2{font-size:14px; color:#333; margin-top:0px}
.white a:link{color:#fff; text-decoration:none}
.white a:hover{color:#fff; text-decoration:none; font-weight:bold}
.white a:active{color:#fff; text-decoration:none}
.white a:visited{color:#fff; text-decoration:none}
.zi{font-family:Arial}
.font14{font-size:14px; color:#FFF}

.tygg{width:1000px;padding-top: 10px; overflow:hidden; margin:0 auto;}

#top, #rxpro, #nav, #gpro, #banner, #banner1, #sypro, #sub_tit, #npro, #content, #content2, #sub_tit, #sycontent, #navdx, #contact{margin:0px auto; width:1000px; overflow:hidden}
#top1{margin:0 auto; width:auto; background-repeat:repeat-x}
#top{height:70px}
#top img{float:left;}

table{width:100%;   display: block;
    overflow: hidden;
    overflow-x: auto;}


.search{FLOAT:right; WIDTH:402px; height:68px; PADDING-TOP:23px; background:url(tel.gif) no-repeat right 10px;}
.searchleft{ float:left;  width:180px;  text-align:right;  background-image:url(map.jpg);  background-repeat:no-repeat;  background-position:70px 0px;}
.searchright{float:left; width:370px; left:260px; line-height:32px;margin-top:5px;}
.searchrightl{float:left; width:146px; height:19px; line-height:19px; color:#999; text-align:left; padding-left:10px; background:url(imputbg.jpg) repeat-x; border:#E3E3E3 1px solid}
.searchrightr{float:right; width:26px; height:21px}

#nav1{background-image:url(nav-bg.jpg); background-repeat:repeat-x; margin:0 auto; width:auto; background-position:bottom}
#nav{height:45px; line-height:35px; overflow:hidden; font-size:14px; text-align:left; padding-top:5px}

#nav li{float:left; list-style:none; width:109px}

#nav_lx{background:url(nav-lx.jpg) no-repeat; width:230px; height:45px}

#banner{margin-top:0px}
#banner1{height:4px; background:#DBDBDB}

#sypro{ margin-top:10px; overflow:hidden; margin-bottom:0px!important; margin-bottom:-20px}
.sy_pro{list-style:none; line-height:27px; float:left;  margin:10px 11px; width:31.1%; border-right:#CCC dotted 1px!important; border-right:none}
.sy_pro1{width:100%; border-right:none!important; border-right:#CCC dotted 1px}
.sy_pro1 li{width:93px!important; width:92px; margin:0px 5px 0px 5px; height:26px; line-height:27px; float:left; margin-top:5px; padding-left:10px; background:url(yd.jpg) no-repeat left center}
#content, #content2{margin-top:10px}
#sy_left{width:743px; float:left}
#sy_com1{width:346px; float:left; }
#sy_com{ width:346px; border:#D9D9D9 1px solid; border-top:none; padding:5px;  line-height:24px;background:url(newbg.jpg) repeat-x bottom}
#sy_comtit{background:url(com-tit.jpg) no-repeat; width:358px; height:33px; float:left}
#sy_ser
{
    float: right;
    width: 363px;
    border: #D9D9D9 1px solid;
    border-top: none;
    padding: 5px 5px 5px 5px;
    line-height: 26px;
    background: url(newbg.jpg) repeat-x bottom;
    height: 165px;
}

#sy_sertit{background:url(ser-tit.jpg) no-repeat; width:375px; height:30px!important; height:33px; float:right}
#sy_ser ul
{
    margin-left: 10px;
    height: 144px;
}
#sy_ser li{height:23px!important; height:21px; line-height:23px!important; line-height:21px; overflow:hidden}
#sy_ser li a .lbt{float:left; text-decoration:none; width:250px; overflow:hidden; display:inline; background:url(tubiao1.jpg) no-repeat left center; padding-left:15px}
#sy_ser li a .ldt{width:80px; float:right; text-align:center; font-size:11px; font-family:Arial; color:#666; text-decoration:none; display:inline}
#sy_right{float:right; width:244px; background:url(sl.jpg) no-repeat; height:185px!important; height:187px; border-bottom:#D9D9D9 1px solid}
#footer{background:url(bottom.jpg) repeat-x; line-height:20px; text-align:center; !important; margin-top:10px;height:200px;}
#sub_left{width:762px; float:left; border:#D9D9D9 1px solid}
#sub_right{width:244px; float:right}
#prolist{background:url(rightbg.jpg) no-repeat; width:242px; height:350px; border:#d9d9d9 1px solid; margin-bottom:10px}
.list_con{padding-top:35px}
.list_con ul{}
.list_con ul li{width:90px!important; width:85px; height:26px; line-height:28px; float:left; margin-left:15px!important; margin-left:10px; text-align:left; margin-top:5px; background:url(yd.jpg) no-repeat left center; padding-left:10px; overflow:hidden;}
.left_mt{height:34px; background:url(news_lbg.jpg) repeat-x; font-size:14px; line-height:33px; font-weight:bold; color:#FFF; text-indent:28px}
.com{width:242px; border:#dcdcdc 1px solid; margin-BOTTOM:10px}
.newslist{width:100%}
.newslist ul{width:204px;  margin-top:4px; margin-left:10px}

.newslist li{font-size:12px; text-indent:12px; background:url(tubiao1.jpg) no-repeat; background-position:2px; line-height:26px; color:#4c4c4c}
#sub_tit{border-bottom:#c00 1px solid}
#sub_titl{background:url(column.gif) no-repeat left; width:200px; float:left; text-indent:15px; line-height:22px}
#sub_titr{width:500px; float:right; text-align:right}
#sub_titright{float:right; width:731px; border:#dcdcdc 1px solid; line-height:24px; padding:5px}
#sub_left1{width:731px; float:left}
#sub_banner{float:left; width:740px}
#sub_com{width:100%; float:left; border:#D9D9D9 1px solid; line-height:24px; padding:5px; margin-top:10px; overflow:hidden;}
#sub_aj{ float:left;width:100%; margin-top:25px!important; margin-top:20px;}
#sub_aj li{float:left; list-style:none; background:url(gif_57_063.jpg) no-repeat; width:95px; height:28px; line-height:28px; text-align:center; text-indent:10px;  font-weight:bold; margin-left:20px!important;margin-left:20px;}
.sub_new{width:97%; margin:0 auto; background:#f5f5f5; border:#EBEBEB 1px solid; margin-top:5px; padding:7px}

.sub_newr{width:100%; line-height:23px; margin-top:-10px; text-indent:20px}

.pagelist1{width:98.5%; float:right;  margin-bottom:40px}
.pagelist1 li{height:30px; line-height:30px; list-style:none; border-bottom:#CCC 1px dotted; background:url(pic02.jpg) no-repeat left}
.pagelist1 li a .lbt{display:block;  float:left; padding-left:25px; text-decoration:none;  display:inline}
.pagelist1 li a .ldt{display:block; width:75px; float:right; text-align:center;  text-decoration:none; display:inline}
.prod{width:100%!important; width:99.5%; float:left; border-top:none; padding-left:5px; padding-botttom:0px!important; padding-botttom:10px}
 
.product{width:49.0%; float:left; margin-bottom:10px; margin-top:5px; margin-right:5px}
.productleft{width:125px; line-height:20px; float:left; text-align:center; margin-top:3px; border:#ccc 1px solid}
.productleft img{width:123px; height:99px; height:90px; overflow:hidden; padding-top:2px;}
.productright{float:right; line-height:23px; width:205px; height:100px; overflow:hidden; padding-top:8px;}
.productmore{float:right; width:80px}

#sub_pro{width:99%!important; width:100%; float:left; margin-top:10px; overflow:hidden}

#sub_prol{width:200px; height:190px; padding:15px 5px 10px 15px; margin-left:10px!important; margin-left:4px; border:#dbdbdb 1px solid; float:left}
#sub_pror{float:right; width:480px}


#Tab1{width:100%}

.Menubox{width:748px; background:url(../images/cp-qhbg.jpg) repeat-x; height:31px; line-height:31px; margin-top:10px}
.Menubox ul{margin-left:5px}
.Menubox li{float:left; background:url(../images/cp-qh1.jpg) no-repeat; width:84px; height:28px; line-height:28px; cursor:pointer; text-align:center; color:#333; list-style:none; margin-right:2px}
.Menubox li.hover{background:url(../images/cp-qh2.jpg) no-repeat; width:84px; height:28px; color:#fff; line-height:28px; font-weight:bold}
.Contentbox{width:97%; text-align:left; line-height:25px; padding:5px}

TEXTAREA{BORDER:#B1B8CC 1px solid; PADDING-BOTTOM:0px; PADDING-LEFT:2px; WIDTH:330px; PADDING-RIGHT:2px; HEIGHT:144px; COLOR:#666; PADDING-TOP:0px; background:#f6f6f6}

.sypro{width:100%; float:left}
.sypro li{width:19.9%!important; width:19.9%; list-style:none; float:left; line-height:28px; text-align:center; margin-top:15px}
.sub_tit{border-bottom:#DBDBDB 1px solid; line-height:28px; height:28px; width:98%; margin-left:10px; margin-top:5px}
.sub_titl{width:100px; background:url(058.jpg) no-repeat left center; float:left; text-indent:22px; font-size:14px; font-weight:bold; color:#333}
.sub_titr{float:right; width:100px}
.sub_com{width:99%; margin:0 auto; margin-right:8px; line-height:25px; background:#F8f8f8; border:1px dotted #Ddd; border-left:none!important; border-left:1px dotted #Ddd; padding:5px}
.link{width:1000px; margin:auto;}
.foot{width:1000px;margin:0 auto;}
.lfoot{width:300px;float:left;}
.rfoot{width:650px;float:left;color:white;  margin: 30px 0px 10px 45px;line-height:25px;}
.rfoot a{color:white;}
.fenye{padding-right:3px;  padding-left:3px; padding-bottom:3px; margin:3px; padding-top:3px; text-align:center; margin-top:30px; margin-bottom:0px !important; margin-bottom:20px; font-size:12px}
.fenye A{font-size:12px; PADDING-RIGHT:6px; BACKGROUND-POSITION:50% bottom;  PADDING-LEFT:6px; PADDING-BOTTOM:2px; BORDER:#D0D2D0 1px solid; COLOR:#cc0000; MARGIN-RIGHT:3px; PADDING-TOP:2px;TEXT-DECORATION:none}
.fenye A:hover{font-size:12px; BORDER-RIGHT:#000 1px solid; BORDER-TOP:#000 1px solid; BACKGROUND-IMAGE:none; BORDER-LEFT:#000 1px solid; COLOR:#fff; BORDER-BOTTOM:#000 1px solid; BACKGROUND-COLOR:#cc0000}
.fenye A:active{font-size:12px;BACKGROUND-IMAGE:none; BORDER:#000 1px solid; COLOR:#fff; BACKGROUND-COLOR:#cc0000}
.fenye SPAN.current{font-size:12px; PADDING-RIGHT:6px; PADDING-LEFT:6px; FONT-WEIGHT:bold; PADDING-BOTTOM:2px; COLOR:#cc0000; MARGIN-RIGHT:3px; PADDING-TOP:2px}
.fenye SPAN.disabled{font-size:12px; PADDING-RIGHT:6px; PADDING-LEFT:6px; PADDING-BOTTOM:2px; COLOR:#adaaad; MARGIN-RIGHT:3px; PADDING-TOP:2px}
#xg span{width:350px; display:block; float:left; line-height:28px}
#xg a{}

#sub_com h1{ font-size:16px;  color:#333;  text-align:center;  margin-bottom:0px;  margin-top:10px;  padding-bottom:0px}
#sub_pror h1{ font-size:16px;  color:#333;  margin-top:0px;  text-align:left}
#sub_com h2{font-size:14px; color:#333; margin-top:10px}


#Taglist{background:url(rightbg.jpg) no-repeat; width:242px; height:320px; border:#d9d9d9 1px solid; margin-bottom:10px}
#tagcloud
{
    padding: 5px;
}
#tagcloud a
{
    margin-right: 2px;
    margin-left: 2px;
}
#conn_tag
{
    margin-top: 5px;
    margin-left: 5px;
}
#conn_tag span
{

}
#conn_tag a
{
    font-weight: bold;
    margin-right: 5px;
    margin-left: 5px;
}
header,.bot-but{display: none}
.sy_pro  img{
    width: 100%;
}

/*手机端样式*/

@media screen and (max-width:749px){
  header,.bot-but{display: block}
    #top,#nav1,#banner{display: none}
    body {
        font-size: 12px;

        color: #3E3E3E;

    }
    #sypro{
        width: 100%;
        margin-top:80px;
        overflow: hidden;
        margin-bottom: 0px!important;
        margin-bottom: -20px;
    }
    .sy_pro1 {
        width: 230px;
        border-right: none!important;
        border-right: #CCC dotted 1px;
    }
    .sy_pro1 li {
        width: 93px!important;
        width: 92px;
        margin:0px;
        height: 26px;
        line-height: 27px;
        float: left;
        margin-top: 5px;
        padding-left:5px;
        background: url(yd.jpg) no-repeat left center;
    }
    .sy_pro {
        list-style: none;
        line-height: 27px;
        float: left;
        margin-top: 5px;
        margin-left:10px ;
        margin-right: 10px;
        width: 44.93%;
        border-right: #CCC dotted 1px!important;
        border-right: none;
    }
    .sy_pro  img{
        width: 100%;
    }
    .tygg {
        width: 100%;
        padding-top: 10px;
        overflow: hidden;
        margin: 0 auto;
    }
    #top,#rxpro, #nav, #gpro,   #sub_tit, #npro, #content, #content2, #sub_tit, #sycontent, #navdx, #contact {
        margin: 0px auto;
        width: 100%;
        overflow: hidden;
        margin-top: 20px;
    }

    #sy_left {
        width:100%;
        float: left;
    }
    #sy_com1 {
        width: 100%;
        float: left;
    }
    #sy_comtit {
        background: url(com-tit.jpg) no-repeat;
        background-size:100% 100%;
        width:100%;
        height: 33px;
        float: left;
    }
    #sy_com {
        width: 100%;
        border: #D9D9D9 1px solid;
        border-top: none;
        padding: 5px;
        line-height: 24px;
        background: url(newbg.jpg) repeat-x bottom;
    }

    #sy_sertit {
       margin-top: 10px;
        background: url(ser-tit.jpg) no-repeat;
        background-size:100% 100%;
        width: 100%;
        height: 30px!important;
        height: 33px;
        float: right;
    }
    #sy_ser {

        float: right;
        width: 100%;
        border: #D9D9D9 1px solid;
        border-top: none;
        padding: 5px 5px 5px 5px;
        line-height: 26px;
        background: url(newbg.jpg) repeat-x bottom;
        height: 165px;
    }
#sy_right{display: none}

.tygg img {width: 100%}

    .mod-left {
        BORDER: #d8d8d8 1px solid;
        MARGIN-BOTTOM: 8px;
        WIDTH: 100%;
        float: left;
    }
    .sildPic-Article-QQ .cnt {
        WIDTH:100%;
    }
    .sildPic-Article-QQ LI {
        FLOAT: left;
        WIDTH:46%;
        line-height: 25px;
        overflow: hidden;
        margin: 5px;
        text-align: center;
    }
    .sildPic-Article-QQ .cnt IMG {
        BORDER: #ccc 1px solid;
        width:100%;
        HEIGHT:23%;
    }
    .sildPic-Article-QQ .cnt-wrap {
        OVERFLOW: hidden;
        WIDTH: 100%;
        margin-left: 5px;
        ZOOM: 1;
        HEIGHT: 775px;
        padding-bottom: 2px;
    }
    #sy_right,#footer {display: none}
          .link {
              width: 100%;
              margin: auto;
              margin-bottom: 60px;
          }
/*聊天框*/
    .nb-icon-groups{display: none}

/*底部按钮*/
    .bot-but {
        background: #e13216;
        font-size: 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        max-width: 750px;
    }
    .bot-but a {
        display: inline-block;
        width: 50%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #fff;
        font-size: 15px;
    }
    .bot-but a img {
        width: 22px;
        vertical-align: middle;
        margin-top: -3px;
        display: inline-block;
        margin-right: 7px;
    }
    .bot-but a:nth-child(1) {
        border-right: 2px solid #fff;
    }

/*关于我们页面*/
    #sub_tit{
        margin-top: 70px;

    }
    #sub_titl {
        background: url(column.gif) no-repeat left;
        width: 30%;
        float: left;
        text-indent: 15px;
        line-height: 22px;
    }
    #sub_titr {
         width: 70%;
        float: right;
        text-align: right;
    }
    #sub_banner {
        width: 100%;
    }
    #sub_left1 {
        width: 100%;
    }
    #sub_com img {
        width: 100%;
    }
    #sub_right {
        width: 100%;
padding-bottom: 60px;
    }
    #prolist {
        background: url(rightbg1.jpg) no-repeat;
        background-size:100% 100%;
        width: 100%;
        height: 250px;
        border: #d9d9d9 1px solid;
        margin-bottom: 10px;
    }
    .com {
        width: 100%;
        border: #dcdcdc 1px solid;
        margin-BOTTOM: 10px;
    }
    .newslist ul {
        width: 100%;
        margin-top: 4px;
        margin-left: 0px;

    }
    .left_mt {
        height: 34px;
        background: url(news_lbg1.jpg) repeat-x;
        background-size:100% 100%;
        font-size: 14px;
        line-height: 33px;
        font-weight: bold;
        color: #FFF;
        text-indent: 28px;
    }
    .newslist li {
        font-size: 12px;
        text-indent: 12px;
        background: url(tubiao1.jpg) no-repeat;

        background-position: 2px;
        line-height: 26px;
        color: #4c4c4c;
        float: left;
        width: 50%;
    }
  #content{/*margin-bottom: 50px;*/padding: 8px}
    #sub_banner img{
        width: 100%;
        height:100px
    }

/*产品列表*/
    .product {
     width:100%;
        float: left;
        margin-bottom: 10px;
        margin-top: 5px;
        margin-right: 5px;
    }
    .productleft {
        width: 35%;
        line-height: 20px;
        float: left;
        text-align: center;
        margin-top: 3px;
        border: #ccc 1px solid;
    }
    .productright {
        float: right;
        line-height: 23px;
        width:62%;
        height: 100px;
        overflow: hidden;
        padding-top: 8px;
    }



}