/* CSS Document */


/*内页banner*/
/* Banner样式 */
.sub_banner { width:100%; height: 212px; margin: 15px auto; overflow: hidden;}
.sub_banner img{
    width: 100%;
}


/*网站主体部分*/
.zq-main{ margin: 0 auto 0; overflow:hidden; background: url(../images/mbg.png) 0 0 repeat-y;}
.zmain{ margin: 30px auto 50px auto; overflow:hidden;  }



.position{ background: url(../images/i1.png) 8px center  no-repeat #e9e9e9; line-height: 26px;color: #9c9c9c; border-bottom: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; padding: 0 11px 0 25px; margin-bottom: 24px; overflow: hidden; border-radius: 4px;}
.position a{ color: #9c9c9c; padding: 0 2px;}
.ln_tl { float:left; width: 52%; text-align:left;}
.ln_tl span{ font-size: 14px; color: #333333;clear:both; }
.position .wz{ text-align:right;float:right; width: 48%;}

/*左侧搜索*/
.ly_left{ margin:24px 0 0 0}
.ly_left .tl span{ font-size:24px; color: #b16511;}
.ly_left .tl em{ font-size:28px; color: #1b75bb; margin:0 0 0 8px; font-weight:bold; font-family:"Times New Roman", Times, serif,Helvetica, sans-serif;}



/*右侧内容2*/
.zq-mr2{ float:right; width: 836px;display: block; min-height: 380px;}
.zq-mr{ float:right; width: 786px;display: block; min-height: 380px;}



/*公司简介*/
.main_view{ overflow:hidden; margin-bottom:10px;}


.info{ line-height:28px; overflow:hidden; padding: 0 10px 36px;}
.info img{/* max-width:100% ;*/ vertical-align: middle;}


/*产品*/
.product .tl{ border-bottom: 1px solid #dedede;line-height:40px;overflow:hidden;padding:0 4px; }
.product .tl span{ color:#007fbe;font-size:14px; float: left; width: 40%;}
.product .tl a{ float:right; width: 40%; text-align: right;}
.product h3{ text-overflow:ellipsis; white-space: nowrap;}
.product ul li{ float:left;}

.pl1{ width:100%; overflow:hidden; }
.pllist1 { margin-top: 13px; overflow: hidden;}
.pllist1 li{ margin: 14px 45px 16px 7px; width: 350px; line-height: 24px;}
.pllist1 li .pic{ float:left;width:166px;margin-right:16px; }
.pllist1 img{ width:164px;height:127px;border:1px solid #e2e2e2; }
.pllist1 h3{ font-size:14px;font-weight:normal; color:#007fbe }


.pl2{ width:480px; float:left; }
.pl2 ul{ margin-top:21px;}
.pllist2 li{ margin:0 17px 0 4px; width: 143px;}
.pllist2 img{ width:137px;height:102px;padding:2px;border:1px solid #e2e2e2; }
.pl2 ul ,.pl3 ul { text-align:center; line-height:40px; }
.pl2 ul h3,.pl3 ul h3{ font-weight:normal;color:#333333;font-size:14px; overflow: hidden;}
.pl2 ul .abstract,.pl3 ul .abstract{ display:none;}


.pl3{ width:270px; float:right; }

.pllist3 { margin-top:15px; }
.pllist3 li{ margin:0 6px 0 5px; width: 80px;}
.pllist3 img{ width:78px;height:109px;border:1px solid #d8d8d8; }


/*产品列表*/
.product_list {  border-top: 1px dashed #000000;   margin-top: 50px;}
.product_list li{ overflow:hidden;border-bottom: 1px dashed #000000;padding:30px 0 40px;line-height: 90px; width: 100%;}
.product_list li a{ color:#000000}
.product_list li img{ width:162px;height:90px;float:left;}
.product_list li .title{ font-size:16px;font-weight:bold; float: left; text-align: center; margin: 0 30px 0 40px;  width: 176px;}
.product_list li .summary{ float:right;width:736px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.product_list li.p1{ overflow:hidden;border-bottom: 1px dashed #000000; padding: 28px 0 46px; line-height: 23px;float:left; width: 555px;}
.product_list li.p1 a{ color:#000000 }
.product_list li.p1 img{ width:368px;height:205px;float:left;}
.product_list li.p1 .title{ font-size:16px;font-weight:bold; float: left; text-align: left; margin: 0 0 16px 22px;  width: 160px;}
.product_list li.p1 .summary{ float: left; width: 160px;overflow: hidden; text-overflow: ellipsis;    white-space: normal; margin-left: 22px; height: 160px;}



/*新闻列表*/
ul.news_list{ height:auto; margin: 6px auto;}
ul.news_list li{ border-bottom: 1px dotted #bababa;background: url(../images/i3.png) 16px 15px no-repeat;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
ul.news_list li .ntl{ white-space: nowrap;text-overflow: ellipsis; width: 628px; float: left; height: 24px; overflow: hidden; display: inline-block;}
ul.news_list li a{ color: #333333; font-size:14px; padding: 5px 10px 5px 35px; line-height: 24px; height: 24px;  display: block;}
ul.news_list li .date{ float:right; color: #999999;font-size:12px; margin-left: 10px; width: 67px;}

/*领导介绍*/
ul.lead_list{ height:auto;margin:0px auto 0 auto;}
ul.lead_list li{ border-bottom: 1px solid #dddddd; line-height: 24px; padding: 0 4px 19px 4px;overflow: hidden; margin: 0 0 36px 0;}
ul.lead_list li a{ color: #333333; font-size:14px; }
ul.lead_list li .pic{ float:left; width: 139px;margin:0 27px 0 0 }
ul.lead_list li img{ width:131px;height:158px;padding:3px;border:1px solid #e3e3e3;}
ul.lead_list li .brief{ float:right; width: 582px; }
ul.lead_list li h3{ white-space: nowrap;text-overflow: ellipsis;font-size:14px;color: #333333;border-bottom: 1px dotted #acacac;padding: 0 4px 7px;font-weight: normal;}
ul.lead_list li .abstract{ padding: 8px 4px;}
ul.lead_list li .more{ color: #007fbe; font-size: 12px; padding: 0 4px;}


/*荣誉展示*/
ul.honor_list{ height:auto;margin:0px auto 0 auto; overflow: hidden; width: 744px;}
ul.honor_list li{ line-height: 40px;margin:0 41px 50px 0; text-align: center; float: left; width: 219px;}
ul.honor_list li img{ width:211px;height:149px;padding:3px;border:1px solid #e6e6e6;}
ul.honor_list li p{ color:#333333;font-size:14px; }


/*技术成果展示*/
ul.show_list { height:auto;margin:0px auto 0 auto;}
ul.show_list li{ border-bottom: 1px dotted #c8c8c8; line-height: 24px; padding: 0 10px 21px 11px;overflow: hidden; margin: 0 0 30px 0;}
ul.show_list li a{ color: #333333; font-size:14px; }
ul.show_list li .pic{ float:left; width: 166px; margin: 0 15px 0 0;}
ul.show_list li img{ width: 164px; height: 127px;border:1px solid #e3e3e3;}
ul.show_list li .brief{ float:right; width: 562px; }
ul.show_list li h3 a{white-space: nowrap;text-overflow: ellipsis;font-size:14px;color: #007fbe;font-weight:normal}
ul.show_list li .abstract{ padding: 5px 3px;}
ul.show_list li .more{ color: #999999; font-size: 12px; padding: 0 3px;}



/*产品展柜*/
ul.showcase_list{ height:auto;margin:0px auto 0 auto; overflow: hidden; width: 730px;}
ul.showcase_list li{ line-height: 40px;margin:0 52px 45px 0; text-align: center; float: left; width: 143px;}
ul.showcase_list li img{ width:137px;height:102px;padding:2px;border:1px solid #e2e2e2;}
ul.showcase_list li p{ color:#333333;font-size:14px; }


/*专项科研技术专家*/
ul.expert_list { height:auto;margin:0px auto 0 auto;}
ul.expert_list li{ border-bottom: 1px dotted #c8c8c8; line-height: 24px; padding: 0 10px 19px 11px;overflow: hidden; margin: 0 0 25px 0;}
ul.expert_list li a{ color: #333333; font-size:14px; }
ul.expert_list li .pic{ float:left; width: 119px; margin: 0 15px 0 0;}
ul.expert_list li img{ width: 113px; height: 144px; padding: 2px;border:1px solid #e3e3e3;}
ul.expert_list li .brief{ float:right; width: 610px; }
ul.expert_list li h3{white-space: nowrap;text-overflow: ellipsis;font-size:14px;color: #333333;font-weight:normal}
ul.expert_list li .abstract{ padding: 5px 3px;}
ul.expert_list li .more{ color: #009b93; font-size: 12px; padding: 0 3px;}


/*新闻态详细内容页 */
.info .title { text-align:center; color: #333333; font-size: 14px; font-weight:normal; border-bottom: 1px dotted #bababa; padding: 0 0 10px 0;}
.info .time { height:26px; font-size:14px; padding: 8px 0 0 0;text-align:center }
.details { line-height:32px; padding: 15px 0 10px 0; min-height: 300px;}
.details a{ color:#007fbe;}

/* 上下页 */
.pn_page { line-height:26px; padding:10px 0 0 5px; border-top:1px dotted #6e6e6e; }
.pn_page a { color: #333333; }


/*人才招聘*/
.recruit th{ background: #f1f1f1; color: #333333; padding: 10px 17px; line-height: 21px; font-size: 14px;font-weight: normal;}
.recruit td{ border-bottom: 1px dotted #b6b6b6;padding:10px 3px;line-height: 21px; color: #333333;}
.recruit a.more{ color:#333333 ; background: url(../images/i.jpg) 2px center no-repeat; padding-left: 14px;}
.recruit a:hover{ color: #007fbe;}

/*用户登录*/
.user{ background:url(../images/uclub.png) 0 0 no-repeat; height: 487px;}
.user form{ padding:0 50px;width:361px; float: right; margin: 115px 0 0;}
.user input{ border:1px solid #d8d8d8; line-height: 25px;padding:4px 30px 4px 5px; width: 324px;}
.user input[type="text"]{ background:url(../images/input.png) right 0 no-repeat;}
.user input[type="password"]{ background:url(../images/input.png) right bottom no-repeat; }
.user p{ line-height:35px; color: #000; font-size: 14px;}
.user input[type="submit"]{ background:#00a893;line-height:45px;color:#fff; text-align:center;display:block; border: 0; padding: 0; width: 100%; font-size: 14px; font-weight: bold; margin: 37px 0 0; cursor: pointer;}

/*俱乐部*/  
.classlist {  float: left; border: 1px solid #e4e4e4; width: 476px; }

.classtl { line-height: 60px; background: url(../images/i4.png) 11px center #009b93 no-repeat; color: #fff; font-size: 18px;padding:0 16px 0 49px; }
.classtl a{ color:#fff; font-size: 14px;float:right; }

.classlist ul.news_list li{border:0; }
.classlist ul.news_list li a{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.clst1{ float:right;}


@media screen and (max-width:880px){
    .sub_banner{ height:142px; }
    .zq-main{ background:none}
    
    
    /*主体*/
    .zq-mr{ display:block; width: 100%;}
    .position{ display:none;}
    .info{ padding: 0 6px 0;}

    /*新闻动态*/
    ul.news_list li { height: auto; text-overflow: initial;}
    ul.news_list li a{ height:auto; overflow: hidden;}
    ul.news_list li .ntl{ height: 100%; white-space: normal; width: 100%; }
    ul.news_list li .date{ display:block; width: 100%;}

    /*领导介绍*/
    ul.lead_list li .pic{ float:left; width: 100%; margin: 0 0 8px 0;}
    ul.lead_list li .brief{ float:right; width: 100%; }

    /*荣誉展示*/
    ul.honor_list{ margin:0px auto 0 auto; overflow: hidden; width: 86%;}
    ul.honor_list li{ margin: 0 0 10px 0; width: 100%;}
    ul.honor_list li img{ width: 100%; max-width: 400px; height: auto; box-sizing: border-box;}

    /*专项科研技术专家*/
    ul.expert_list li{ padding: 0 6px 19px; }
    ul.expert_list li .pic{ float:left; width: 100%; margin: 0 0 8px 0;}
    ul.expert_list li .brief{ float:right; width: 100%; }
    

    /*产品首页*/
    .pllist1 li{ margin: 14px 0 2px 0; width: 100%;}
    .pllist1 li .pic{ float: none; width: 100%; margin: 0 0 10px 0; }
    .pllist1 img{ width: auto; max-width: 400px; height: auto; }


    .pl2{ width: 100%; float:left; }
    .pl2 ul{ margin-top:21px;}
    .pllist2 li{ width: 49%;margin:0;}
    .pllist2 img{ width:100%;height:auto; box-sizing: border-box;}
    .pllist2 li:nth-child(2){ margin-left:2% }
    .pllist2 li:nth-child(3){ display:none}
    .pl2 ul ,.pl3 ul { text-align:center; line-height:40px; }


    .pl3{ width: 100%; float:right; }

    .pllist3 { margin-top:15px; }
    .pllist3 li{ margin: 0 1.2% 0 0.53%; width: 31.5%;}
    .pllist3 img{ width:100%;height:auto; box-sizing: border-box; }



    /*技术成果展示*/
    ul.show_list li{ padding: 0 6px 19px; }
    ul.show_list li .pic{ float:left; width: 100%; margin: 0 0 8px 0;}
    ul.show_list li img{ width:auto;height:auto;max-width:400px;}
    ul.show_list li .brief{ float:right; width: 100%; }
   
    /*产品展柜*/
    ul.showcase_list{ margin:0px auto 0 auto; overflow: hidden; width: 100%;}
    ul.showcase_list li{ margin: 0 0 10px 0; width: 49%;}
    ul.showcase_list li img{ width: 100%; max-width: 400px; height: auto; box-sizing: border-box;}
    ul.showcase_list li:nth-child(2n){ margin-left:2%}

    /*招聘*/
    .recruit th{ padding: 10px 4px;} 
    

    /*用户登录*/
   .user{ background:#fff; height: auto;}
   .user form{ padding:0;width:100%; margin: 15px 0 10px;}
   .user input{ width: 100%; box-sizing: border-box;}

    /*俱乐部*/  
    .classlist {  width:100%; }
    .classlist:nth-child(1){ margin:0 0 20px 0;}
    .clst1{ float: left;}

}