/* CSS Document */

body{ background: #fff;}



/* 产品 */

.cpBox { margin-top: 20px;}



.pro { overflow: hidden; width: 100%; background: url(../images/bg01.png) repeat center; padding-bottom: 20px;}

.proLeft { overflow: hidden; width: 231px; float: left; margin-bottom: 20px;}

.pro_l_m { border: 1px solid #019972; background: #fff; padding: 0 0 8px 0; border-bottom: 2px solid #019972;}

.pro_l_m .nt { font-weight: normal; padding: 18px 0; background: #019972 url(../images/hhBg.png) no-repeat 187px center;

     padding-left: 20px;}

.pro_l_m .nt a { font-size: 20px; color: #fff; text-decoration: none;}

.pro_l_m .nt p { font-size: 12px; color: #fff; font-family: "Arial"; margin-top: 1px;}

.pro_l_m>ul { padding: 20px 0; background: #fff;}

.pro_l_m>ul>li { background: url(../images/leftMuLi.png) no-repeat left center;}

.pro_l_m>ul>li>a { display: block; height: 40px; line-height: 40px; font-size: 14px; color: #333; padding: 0 26px 0 66px; 

    text-decoration: none;}

.pro_l_m>ul>li>a:hover, .pro_l_m>ul>li.cur a { background:url(../images/leftMuLiH.png) no-repeat center #019972; color: #fff;}



.t05 { background: #019972; color: #fff; text-align: center; line-height: 40px; margin-top: 10px; font-size: 14px; 

    font-weight: bold;}

.t05_cons1 { border-left: 1px solid #019972; border-right: 1px solid #019972; border-bottom: 2px solid #019972; padding: 8px;}

.t05_cons1 li { font-size: 14px; background: url('../images/news_s.jpg') no-repeat left center; padding-left: 10px;}

.t05_cons1 li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; color: #333;}

.t05_cons1 p { line-height: 22px; font-size: 14px; color: #333;}

.t05_cons1 img { width: 100%; height: auto;}



.cpList { position: relative; width: 78%; padding: 0 10px; height: auto;}

.rtop { overflow: hidden; padding-top: 28px; padding-bottom: 9px; border-bottom: 1px solid #dbdbdb;}

.rtop h5 { float: left; padding-left: 10px; border-left: 3px solid #019972; font-weight: normal; line-height: 16px;}

.rtop h5 a { font-size: 16px; color: #019972; font-weight: bold;}

.rtop .mor_n { float: right; padding-right: 6px; font-size: 14px; color: #5a5a5a;}

.rtop .mor_n:hover { text-decoration: underline;}



.pro_list ul { overflow: hidden; padding: 12px 0;}

.pro_list li { margin: 6px; float: left; width: 23.3%; text-align: center; border: 1px solid #e5e5e5; padding: 1px;}

.pro_list li:hover { border: 1px solid #019972;}

.pro_list li .qPic { width: 100%; position: relative; padding: 45% 0; display: block;}

.pro_list li .qPic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.pro_list li h5 { margin: 8px; line-height: 30px; overflow: hidden; font-weight: normal; overflow: hidden; font-size: 14px;

    white-space: nowrap; text-overflow: ellipsis;}

.pro_list li h5 a { color: #222;}



/* -- 翻页效果 -- */

.one1 { text-align: center;}

.one1 li { margin-right: 15px; float: left; line-height: 15px; border-bottom: 0;}

.one1 li a { background: #85C51E; display: block; width: 15px; height: 15px; color: #fff;}



.two{ height: 30px; margin: 0 auto; line-height: 30px; margin-top: 20px; margin-bottom: 20px; border-top: 1px dashed #d1d1d1;}

.two .twol{ float: left; padding-left: 15px; font-size: 13px;}

.two a{ padding-left: 15px;}

.two a:hover{ color: #f60; text-decoration: underline;}

.two .twor{ float: right; padding-right: 15px; font-size: 13px;}



/* 产品内页 */

.c_main { padding: 8px; overflow: hidden;}

.c_main img { width: auto; max-width: 100%; margin: 0 auto; display: block;}

.child_tit { text-align: center; margin-top: 0; margin-bottom: 10px; border-bottom: 1px dashed #ddd;}

.child_tit h2 { font-size: 22px; font-weight: bold; color: #019972; margin: 20px 0;}

.child_tit h4 { margin-bottom: 30px; font-size: 15px;}

.child_tit h4 span { margin-left: 10px; vertical-align: middle;}

.c_main p img { width: auto; height: auto; max-width: 100%; margin: 10px auto; display: block;}

.c_main p { margin-bottom: 8px; line-height: 1.8em; text-indent: 2em; color: #333; font-size: 14px;}



/* 新闻列表 */

.agent_con { width: 100%; line-height: 24px;}

.agent_con p { font-size: 14px;}

.sec2 { padding: 10px 10px 0 10px;}

.sec2 li { height: 88px; width: 100%; margin: 1% 0; line-height: 20px; overflow: hidden;}

.sec2 li .img_date { float: left; width: 80px; height: 66px; padding: 13px 1px 3px 1px; display: inline; overflow: hidden;

    background: url(../images/mew_timebj.png) no-repeat left center; position: relative;}

.sec2 li .img_date .img_datam { text-align: center; width: 78px; height: 66px; display: block; position: absolute; top: 13px;

    left: 0;}

.sec2 li .img_date .img_datam .date { font-family: Arial, Helvetica, sans-serif; color: #019972; font-size: 30px; height: 38px;

    line-height: 38px;}

.sec2 li .img_date .img_datam .month { font-family: Arial, Helvetica, sans-serif; color: #c6c6c6; font-size: 15px; line-height: 28px;

    border-top: solid 1px #cacaca;}

.sec2 li .news_list { float: left; width: 90%; height: 70px; padding-top: 4px; overflow: hidden; margin-left: 15px;}

.sec2 li .news_list h3 { height: 20px; overflow: hidden;}

.sec2 li .news_list h3 a { font-weight: normal; font-size: 16px; font-weight: bold; color: #333;}

.sec2 li .news_list h3:hover a { color: #019972;}

.sec2 li .news_list p { text-indent: 2em; padding-top: 5px; color: #bdbdbd; font-size: 14px; line-height: 24px;}

.sec2 li .news_list p:hover { color: #999;}



@media screen and ( max-width: 768px ){

    .left, .menu_title,  .rtop { display: none;}



    .cpBox { margin-top: 0; margin-bottom: 0;}

    .cpList { width: 100%; padding: 0;}

    .c_main { width: 98%; margin: 0 0.3em; padding: 0;}



    .pro_list {padding: 0 0 0 0.4em;}

    .pro_list ul { overflow: hidden; padding: 0;}

    .pro_list li { margin: 0.2em; width: 30.5%;}



    .two .twor{ float: left; padding-left: 15px;}



    .sec2 { width: 98%; margin: 0 0.3em; padding: 0;}

    .sec2 li { margin: 0.5em 0;}

    .sec2 li .news_list { width: 95%;}

}
@media screen and ( max-width: 768px ){
    .cpBox{width: 100%}
    .proLeft{width: 100%;    margin-left: 4px;}
    .t05_cons1{display: none;}
    .t05{display: none;}
    .pro_l_m .nt{display: none;}
    .pro_l_m{border: none;}
    .pro_l_m ul{width: 98%;margin: 0 auto;}
    .pro_l_m ul li{float:left;width: 49.4%;margin-left:2px;margin-top:2px;}
    .pro_l_m ul li a{background: #019972;color: #fff;text-align: center;padding: 0;width:99%;}
    .pro_l_m>ul>li>a:hover, .pro_l_m>ul>li.cur a{background:#019972;}
    .CategoryList_Title{line-height: 50px;font-size:20px;}
}