header {
  color: #b0120a;
}
ul,li{ list-style:none; padding:0px; margin:0px}
.pro_t1{ margin-top:10px; margin-left:7px; cursor:default; border-bottom:#CCC 1px solid  }
.pro_t1 .p1{ float:left; font-size:20px; line-height:40px; border-bottom:#0d68bb 2px solid}
.pro_t1 .p2{ float:left; font-size:16px; margin-top:11px; margin-left:5px;}

.pro1{ width:46%;  float:left; margin:5px;}
.pro1 img{ width:100%;}
.pro1 a{ display:block;}
.pro1 p{  text-align:center;}
.code{
    -moz-border-radius:.3em;
    -webkit-border-radius:.3em;
    border-radius:.3em;
    background-color:#e2e2e2;
    color:#000;
    font-family:'Fira mono', 'Courier New', Courier, monospace;
    font-size:85%;
    letter-spacing:.05em;
    padding:1em;
}
.cplb{ }
.cplb li{ border-bottom:#f0f0f0 1px solid; padding:10px; background:url(../../img/bit06.gif)  300px center no-repeat; }
.cplb img{ height:60px}
.mr_frbox{ width:320px; overflow:hidden; margin:auto}
.mr_frUl{ width:320px}
.mr_frUl li{ width:320px}
.news_list li{ border-bottom:#ddd 1px solid; font-size:12px; height:50px; line-height:32px; padding:0 10px; position:relative}
.news_list li .riqi{ position:absolute; left:10px; bottom:0px; color:#999}
.news_list li a{ display:block; float:left; color:#333}
.news_list li span{ display:block; float:right}
.productlist{}
.productlist li{ float:left; width:50%; padding:5px; height:200px; text-align:center}
.productlist li img{ width:100%; height:180px}
/*分页*/
.page_nav{ margin-left:5px;height:30px; overflow:hidden}
.page_nav a{ height:32px; line-height:32px; border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; padding:5px 10px;border-top:#CCC 1px solid;border-left:#CCC 1px solid;}
.page_nav span{ height:32px; line-height:32px; border-bottom:#CCC 1px solid; border-right:#CCC 1px solid; padding:5px 10px;border-top:#CCC 1px solid;border-left:#CCC 1px solid;}


input:active {
    box-shadow: 0 0 0 0;
    outline: none;
}

input:hover {
    outline: none;
}


main {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 4em;
}

.banquan{ background: #eee; padding:10px 0 50px 0; text-align:center; font-size:12px;}
.foot{  width:100%;}
.foot li{ width:20%; float:left; background:#005a8a;height:40px; text-align:center; font-size:12px;}
.foot li a{ color:#FFF; line-height:32px; padding-top:15px; display:block}
.foot .phone{ background:url(../img/phone.png)  center 4px no-repeat}
.foot .mail{ background:url(../img/mail.png)  center 4px no-repeat}
.foot .fenxiang{ background:url(../img/fenxiang.png)  center 4px no-repeat}
.foot .map{ background:url(../img/map.png)  center 4px no-repeat}
.foot .feedback{ background:url(../img/feedback.png)  center 4px no-repeat}


main a,
main a:active,
main a:focus,
main a:hover,
main a:link,
main a:visited {
    font-family: 'fira mono';
    text-transform: uppercase;
    font-size:90%;
    color:black;
    border-bottom: 1px dotted black;
}

.pro_class{ padding-left:10px;}
.pro_class a{ display:block; width:140px; height:140px; float:left; margin-top:60px;}
.pro_c1{ background:url(../../img/p1.png); margin-left:10px;}
.pro_c1:hover{ background:url(../../img/p1_h.png);}
.pro_c2{ background:url(../../img/p2.png); margin-left:10px;}
.pro_c2:hover{ background:url(../../img/p2_h.png);}
.pro_c3{ background:url(../../img/p3.png); margin-left:10px;}
.pro_c3:hover{ background:url(../../img/p3_h.png);}
.pro_c4{ background:url(../../img/p4.png); margin-left:10px;}
.pro_c4:hover{ background:url(../../img/p4_h.png);}
.pro_c5{ background:url(../../img/p5.png); margin-left:10px;}
.pro_c5:hover{ background:url(../../img/p5_h.png);}
.pro_c6{ background:url(../../img/p6.png); margin-left:10px;}
.pro_c6:hover{ background:url(../../img/p6_h.png);}
.pro_c7{ background:url(../../img/p7.png); margin-left:10px;}
.pro_c7:hover{ background:url(../../img/p7_h.png);}
.aboutnei_txt{ padding:10px}
.aboutnei{ background:#f0f0f0; border-bottom:#ccc 1px solid; padding-left:10px; line-height:36px}
.about_right{ float:right}

main header {
    font-size: 80%;
}



.aligncontent-center {
    text-align: center;
}

.wrapper {
    margin-top:30px;
    padding: 1em;
    background-color: transparent;
}

.main-header {
    text-align: center;
    font-weight:300;
    font-size: 90%;
}

.toolbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    line-height: 68px;
}

.menu-button {
  position: relative;
  margin: 5px;
  height: 36px;
  width: 36px;
  cursor: pointer;
}
.menu-button:before {
  content: "";
  position: absolute;
  top: 5px;
  right: 3px;
  border-bottom: 17px double #b0120a;
  border-top: 6px solid #b0120a;
  width: 30px;
  height: 5px;
}

.menu-left {
  float: left;
  margin-right: 1.5em;
}

.sidebar {
    margin: 0;
    padding-top: 1em;
    color: #444;
    background-color:#f0f0f0;
}

.sidebar h6 {
    margin: 0 .8em;
    padding: 0;
    font-weight:300;
}
.sidebar h6 a{ color:#FFF}
.sidebar li {

    padding: 0 1em;
    line-height: 46px; border-bottom:#FFF 1px solid
}
.erjidao li{ 
    line-height: 26px; border-bottom:#FFF 1px  dashed; padding-left:35px}
.erjidao li a{ color:#666}	
.erjidao li a:hover{ color:#FFF}
.sidebar li:hover {
    background-color: #009b4c; color:#FFF
}

.sidebar hr {
    margin: 2em auto;
    border: 0;
    padding: 0;
    width: 80%;
    height: 1px;
    background-color: white;
    
}

.video_detail embed{ width:98%;}