.content{ width:1100px; overflow:hidden; margin:20px auto 26px auto;}
.content .left{ float:left; width:220px; overflow:hidden;}
.content .left .title{ width:177px; height:84px; background:url(../img/left_h_bg.png) no-repeat; padding-left:40px;}
.content .left .title img{ margin: 28px 0 0 0;}
.content .left .title span{  line-height:84px; margin: 0 0 0 12px;  font-size:24px; color:#ffffff;}
.content .left ul{ margin:14px 0 0 0; overflow:hidden;}
.content .left ul li{ width:220px; height:38px;margin-top: 8px;}
.content .left ul li a{ display:block; padding-left:69px; color: #4e4d4d; font-size:16px; line-height:38px;  background: url(../img/sub_li.jpg) no-repeat; }
.content .left ul li a:hover,.content .left ul li a.cur{ background:url(../img/left_nav_bg.jpg) no-repeat; color:#ffffff;}
.left_contact{ background:url(../img/left_contact.jpg) no-repeat; width:217px; height:79px; margin:22px 0 0  0;}
.left_contact span{ float:left; margin:45px 0 0 78px; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.left_qq{ width:217px; height:60px; margin:10px 0 0 0;}

.right{ float:right; margin:6px 0 0 17px; width:855px; min-height:495px; border:1px #e5e5e5 solid;}
.position{ border-bottom:1px dotted #d2d2d2; height:42px; overflow:hidden; line-height:42px;color:#3b3b3b;}
.position span{display:block; color:#3b3b3b; line-height:42px; float:left; padding-left:18px;}
.position a{ display:block; color:#3b3b3b; line-height:42px; float:left; background:url(../img/position_a.png) right center no-repeat; padding:0 12px; }


.danye{ width:824px; overflow:hidden; margin:21px auto 40px auto; line-height:30px; color:#090909;}

.contact{width:824px; overflow:hidden; margin:21px auto 40px auto; line-height:30px; color:#090909; }
.contact .map{ width:812px; height:217px; border:1px solid #d1d0d0;}
.contact .map img{ margin:0; padding:0;}
.contact .map p,.contact .map span,.contact .map a{line-height:16px;}
.contact  #container{ width:812px; height:217px;}

ul.new_list{width:824px; overflow:hidden; margin:0 auto 40px auto;}
ul.new_list li{border-bottom:1px dotted #d2d2d2; height:97px; padding-top:16px;}
ul.new_list li img {float:left; width:84px; height:79px}
ul.new_list li .new{ float:right; width:720px; }
ul.new_list li .new a{ float:left; color:#1f1f1f; font-size:16px;width: 90%;}
ul.new_list li .new span{ float:right; color:#8f8f8f; font-size:12px;width: 10%;} 
ul.new_list li .new p{ float:left; margin-top:10px; line-height:22px; color:#1f1f1f;width: 100%;}



.new_info{ width:824px; overflow:hidden; line-height:32px; color:#1f1f1f; margin:21px auto 40px auto; color:#666666; min-height:560px;}
.new_info .tit{ line-height:40px; color:#1f1f1f; text-align:center; font-size:18px; font-weight:100;}
.new_info .date{line-height:45px; text-align:center; color:#8f8f8f; font-size:12px; font-weight:noemal;}


ul.anli_list{width:824px; overflow:hidden; margin:0 auto 40px auto;}
ul.anli_list li{height:116px;  margin-top:23px;}
ul.anli_list li img {float:left; width:158px; height:112px; padding:1px; border:1px solid #d9d7d7;} 
ul.anli_list li .anli{ float:right; width:650px; font-family:"宋体"; color:#606161; font-size:12px; margin:10px 0 0 0;}
ul.anli_list li .anli span{ float:left; color:#606161; font-size:12px; font-weight:bold;line-height:22px;}
ul.anli_list li .anli a{ float:left; color:#606161; font-size:12px; line-height:22px;}
ul.anli_list li .anli em{ float:right; color:#606161; font-size:12px; font-weight:bold;}
ul.anli_list li .anli p{ float:left; margin-top:10px; line-height:22px; color:#606161;font-size:12px; width: 100%;}

.anli_info{ width:760px; overflow:hidden; line-height:32px; color:#1f1f1f; margin:21px auto 40px auto; color:#666666; min-height:480px;}
.anli_info .tit{ line-height:40px; color:#1f1f1f; text-align:center; font-size:18px;}
.anli_info .date{line-height:45px; text-align:center; color:#8f8f8f; font-size:12px;}


.pro_list{width:824px; overflow:hidden; line-height:32px; color:#1f1f1f; margin:6px auto 40px auto; color:#666666; min-height:560px;}
.pro_list li{ width:251px; height:200px; margin:14px 27px 14px 0; float:left; text-align:center; border:1px solid #e9e8e9; background:#e9e8e9;}
.pro_list li img{ width:239px; height:160px; margin:5px; }
.pro_list li a{ width:239px; display:block; line-height:24px; color:#222121;}
.pro_list li:hover{ background:#f5f4f5; border:1px solid #cbcbcb;}
.pro_list li:hover a{ color:#181818;}


.pro_info{width:824px; overflow:hidden; line-height:32px; color:#1f1f1f; margin:21px auto 40px auto; color:#666666; min-height:560px;}


.zp_list{ width:824px; overflow:hidden; line-height:32px; color:#1f1f1f; margin:6px auto 40px auto; color:#666666; }
.zp_list table{ width:100%;}
.zp_list table tr.zp_title{ background:#e6e5e5; height:26px; width:100%;}
.zp_list table tr.zp_title th{ width:25%; text-align:center;}
.zp_list table tr{ height:50px; width:100%;}
.zp_list table tr td.name{   text-align: left; padding-left: 22px;}
.zp_list table tr td{ width:25%; text-align:center;}


.zp_info{ width:824px; overflow:hidden; line-height:32px; color:#1f1f1f; margin:21px auto 40px auto; color:#666666; min-height:440px;}
.zp_info .tit{ line-height:40px; color:#3b3b3b; text-align:left; font-size:18px;}
.zp_info .main_con h5{ color:#99999f; font-weight:bold; float:left; } 
.zp_info .main_con .zpcon{color:#99999f;}

@media screen and (max-width:880px){
    .content{width:100%}
    .content .left{display:none}
    .right{float:none;width: 94vw;margin: 4vw 3vw;}
    .danye{width:100%;padding: 3vw;box-sizing: border-box;}
    .danye img{max-width:100%}

    .pro_list{width:100%;padding: 0 2%;}
    .pro_list li{width:45%;margin-right: 5%;height: 150px;}
    .pro_list li:nth-child(3n){margin-right: 5%!important;}
    .pro_list li:nth-child(2n){margin-right: 0!important;}
    .pro_list li a{width:100%}
    .pro_list li a:nth-child(1){padding:5px;box-sizing:border-box}
    .pro_list li img{width:100%;height: 110px;margin: 0;}
    #pages{margin: 10px 0;}
    #pages a{margin-bottom:5px}

    .new_info{width:100%;padding:0 10px;box-sizing:border-box}

    ul.anli_list{width:100%;margin-bottom: 10px;}
    ul.anli_list li{height:auto;margin: 15px 0;}
    ul.anli_list li img{width: 110px;height: 85px;}
    ul.anli_list li .anli{width: calc(100% - 124px);margin: 0;}
    ul.anli_list li .anli em{line-height:22px}
    ul.anli_list li .anli a{width: calc(100% - 123px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    ul.anli_list li .anli p{margin-top:5px}

    .zp_list{width:100%;margin-bottom: 20px;}
    .zp_list table tr.zp_title th{width:28%;}
    .zp_list table tr.zp_title th:nth-child(2){width: 16%;}
    .zp_list table tr td{width:28%}
    .zp_list table tr td:nth-child(2){width:8%}
    .zp_list table tr td.name{padding-left:0;text-align:center}

    .zp_info{width:100%;padding:0 10px;box-sizing:border-box}

    .contact{width:100%;padding: 0 10px;box-sizing: border-box;}
    .contact .map{width:100%}
    .contact #container{width:100%}

    .pro_info{width:100%;overflow-x: scroll;}

    ul.new_list{width:100%;margin-bottom: 10px;}
    ul.new_list li{height:auto;margin: 15px 0;padding: 0 10px 16px;}
    ul.new_list li img{width: 110px;height: 85px;}
    ul.new_list li .new{width: calc(100% - 124px);margin: 0;}
    ul.new_list li .new span{width:100px;line-height: 22px;}
    ul.new_list li .new a{width: calc(100% - 110px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    ul.new_list li .new p{margin-top:5px}

    .anli_info{width:100%}
    .anli_info img{width:100%}
}