﻿.banner{position:relative; left:50%;width:1920px; height:640px; text-align:center;margin:0 0 -174px -960px;}
.banner li{ width:100%; text-align:center}

#content{ position:relative; z-index:1000000000; background:url(404.png) center top no-repeat; width:1066px; margin:0 auto; padding-top:33px;}
.wrap{ background:url(404.png) center top repeat-y; width:1002px; padding:26px 32px 34px}
.about{ float:left; width:228px; height:300px; border:1px dashed #c0b9b7; background:url(404.png) repeat; padding:19px 0 0;}
.ny_wrap{ background:url(404.png) center top repeat-y; width:1002px; padding:26px 32px 34px;}
.about .title a{ display:block; background:url(404.png) no-repeat; width:130px; height:23px; text-align:center; line-height:23px; margin:0 auto; color:#ffffff; font-size:14px;}
.about img{ padding:1px; border:1px solid #dddddd; width:195px; height:123px; display:block; margin:25px auto 16px;}
.about p{ line-height:22px; padding:0 15px;}
.about p a{ float:right; color:#260d08; font-size:18px}

.news{ float:right; width:712px;}
.news .title{ height:40px; margin-bottom:14px;}
.news .title a{ float:right; margin:17px 0 0}
.news .n_left{ float:left; width:384px; height:262px; padding:1px; border:1px solid #dddddd;}
#ifocus_pic{ position:relative; width:384px; height:262px; overflow:hidden}
#ifocus #ifocus_pic{ width:384px; height:262px;}
#ifocus_tx{ width:368px; height:30px;line-height:30px; padding-left:16px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.6); z-index:100}
#ifocus_tx a{ color:#fff; font-weight:bold}
#ifocus_btn{ position:absolute; width:384px; bottom:7px; z-index:1000000}
#ifocus_btn ul{ width:384px; text-align:right; zomm:1;}
#ifocus_btn ul li{ display:inline-block; *display:inline; width:15px; height:15px; margin:0 2px; background:#f3f5e3; color:#5e6f77; text-align:center}
#ifocus_btn ul li.on{ background:#f8ab36; color:#f2f26f}

.n_right{ float:right; width:300px;}
.n_right .title1{ height:26px; border-bottom:1px solid #e1e1e1;}
.n_right .title1 a{ display:inline-block; color:#260d08; font-size:16px; height:24px; padding-right:5px;}
.n_right .title1 a.on{ border-bottom:2px solid #260d08;}
.cont_info li{ height:31px; line-height:31px; border-bottom:1px dashed #959595; background:url(404.png) left center no-repeat; padding-left:6px;}
.cont_info li span{ float:right; margin-right:24px;}
.cont_info{ padding:16px 0 0;}
.section{ height:322px; overflow:hidden; width:964px; margin:0 auto}

.rsp{ background:url(404.png) no-repeat; width:960px; height:115px; margin:23px auto 14px}

.section1 { width:960px; margin:0 auto}
.section1 .title{ height:43px; margin-bottom:20px;}
.contact{ float:left; width:272px;}
.contact .cont{ line-height:27px; border:1px solid #dcdcdc; padding:9px 0 0 16px; height:84px; overflow:hidden}

.news1{ float:left; width:346px; margin-left:46px;}
.news1 .title a,.product .title a{ float:right; margin:19px 0 0}
.news1 .cont_top .photo{ float:left; width:132px; height:87px; margin-right:17px; display:block}
.news1 .cont_top .info{ float:left; width:170px; line-height:24px; padding:12px 0 0;}
.news1 .cont_top .info a{ display:block; margin-bottom:17px;}
.news1 .cont_top .info span{ display:block; height:24px; background:url(404.png) left center no-repeat; padding-left:23px; color:#9e9e9e}
.news1 .cont_top{ height:87px; border:1px solid #dcdcdc; background:#f4f4f4; overflow:hidden; margin-bottom:20px;}
.news1 li{ height:30px; line-height:30px; background:url(404.png) left center no-repeat; padding-left:21px;}
.news1 li span{ display:inline-block; margin-right:25px;}

.product{ float:right; width:255px;}
.product li{ float:left; width:123px; height:71px;border:1px solid #e5e5e5; margin:0 2px 5px;}
.product .bd{ width:258px; float:left; margin:0 -1px 0 -2px; height:151px; overflow:hidden;}
.product .bd ul{ float:left; width:258px; overflow:hidden}
.product .hd{ clear:both; padding-top:52px;}
.product .hd a{ display:inline-block; width:18px; height:16px; margin-right:3px; cursor:pointer}
.product .hd .prev{ background:url(404.png) no-repeat}
.product .hd .next{ background:url(404.png) no-repeat}
.section1{ height:300px; overflow:hidden;}

.btom{ background:url(404.png) no-repeat; width:1066px; height:38px;}


.news_right{ float:right; width:573px; background:url(404.png) 19px 24px no-repeat}
.news_right li{ height:97px; line-height:24px; padding:21px 0 0 118px; margin-bottom:10px; border:1px solid #f3f3f3}
.news_right li p{ height:75px; border-left:1px solid #b8b8b8; padding: 0 22px 0 30px}
.news_right li a{ display:block; height:32px; line-height:32px;}
.news_right li a span{ float:right; color:#afafaf}
.news_right li:hover{ border:1px solid #211e19}

.case{ width:1000px; margin: auto; height:490px; overflow:hidden}
.case .title{ height:43px; line-height:43px; background:#1f1c17;}
.case .title a{ float:right; margin-right:10px; color:#fff}
.case .title h3{ border-left:10px solid #5b1917; padding-left:12px; color:#fff; font-size:18px; height:43px;}
.case .title h3 span{ color:#bfbfbe; font-size:12px;}
.case .cont{ padding-top:18px;}
.case li .name{ height:52px; line-height:52px; text-align:center;}
.case li{ height:215px; margin:0 5px;}
.case ul{ float:left; margin:0 -2px;}

.news_con .ny_right .content_title { margin-bottom:30px; padding-bottom:20px; text-align:center; border-bottom:1px #ddd dotted;}
.news_con .ny_right .content_title h3{ font-size:17px; color:#4d5260;}
.news_con .ny_right .content_title .info{ margin-top:15px; font-size:12px; color:#aaa;}
.news_con .ny_right .content_title .info span{ display:inline-block; margin:0 10px;}
.news_con .ny_right .content{line-height: 27px}
.first_list{height:100px; overflow:hidden; margin-bottom:26px;}
.first_list img{border: solid 1px #c2c2c2; float: left;}
.first_list .right{float:right;color:#8c8573;line-height: 20px;width: 516px;}
.first_list .right .tit{display:block; height:31px; color:#e87d13; font-size:14px;}
.first_list .right .text{height:40px; overflow:hidden; margin-bottom:4px;}
.first_list .right a{color: #b20000;display: block}
.first_list .right .date{ display:block; height:20px; line-height:20px; background:url(404.png) left center no-repeat; padding-left:0px; margin-top:10px;}
.other_list{margin-bottom: 67px; }
.other_list li{height:37px; line-height: 37px; border-bottom: dotted 1px #dddddd;}
.other_list li:hover,.other_list a:hover{ color:#e87d13}
.other_list li span{float: right;}

.list_btn{ margin:20px auto; width: 752px; }
.list_btn_l_r{ float: left; width: 20px; height: 20px; border: solid 1px #d3d3d3; text-align: center; color: #d3d3d3; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.list_btn_l_r:hover{ color: #8c8573; border-color: #8c8573; }
.list_btn_line{ float: left; width: 285px; height: 1px; background-color: #d3d3d3; margin-top: 11px; }
.list_btn_num{ width: 120px; float: left; margin: 0 9px; text-align: center; }
.list_btn_num a{ display: inline-block; width: 20px; height: 20px; text-align: center; border: solid 1px #d3d3d3; margin: 0 2px; color: #606060; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.list_btn_num a:hover,.list_btn_num .hover{ color: #8c8573; border-color: #8c8573; }


.news_con .ny_right .content_tit { height: 40px; line-height: 40px; text-align: center; font-weight: bold; border-bottom: 1px solid #ccc; overflow:hidden; }
.news_con .ny_right .content_related { padding:6px 0; text-align: center;margin-bottom: 30px;}
.news_con .ny_right .content{line-height: 27px}
.news_con .ny_right .content_btn{line-height: 27px}
.news_con .ny_right .content_btn a{color: #2d3140 ;}


.pro_con .ny_right .content{line-height: 27px}
.pro_con .ny_right .content ul{ float:left; margin:0 -24px 0 -23px;}
.pro_con .ny_right .content li{ float:left; width:216px; height:160px; border: solid 1px #999999; margin:0 24px 32px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.pro_con .ny_right .content li .photo{ display:table-cell; width:213px; height:130px; vertical-align:middle; text-align:center; }
.pro_con .ny_right .content li .photo img{ max-height:100%; max-width:100%;}
.pro_con .ny_right .content li .info{ width:213px; height:10px; margin-top: 0px; text-align:center;}
.pro_con .ny_right .content li .info .name{ height:40px; line-height:40px; font-size:14px;}
.pro_con .ny_right .content li .info .text{ line-height:18px; padding:0 19px; height:36px; overflow:hidden; margin-bottom:10px;}
.pro_con .ny_right .content li .info .more{ display:block; height:24px; line-height:24px;color:#000;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-align: center;}

.list_btn{ margin:20px auto; width: 752px; }
.list_btn_l_r{ float: left; width: 20px; height: 20px; border: solid 1px #d3d3d3; text-align: center; color: #d3d3d3; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.list_btn_l_r:hover{ color: #8c8573; border-color: #8c8573; }
.list_btn_line{ float: left; width: 285px; height: 1px; background-color: #d3d3d3; margin-top: 11px; }
.list_btn_num{ width: 120px; float: left; margin: 0 9px; text-align: center; }
.list_btn_num a{ display: inline-block; width: 20px; height: 20px; text-align: center; border: solid 1px #f00; margin: 0 2px; color: #f00; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.list_btn_num a:hover,.list_btn_num .hover{ color: #e87d13; border-color: #e87d13; }

.clear::after {
    clear: both;
    content: "";
    display: block;
}