﻿.wrap{ width:100%;}

.part1{ width:475px; padding-top:48px; padding-right:25px; border-right:1px dashed #bfbfbf;}
.part1_top{ height:102px; margin-bottom:35px; overflow:hidden;}
.part1_top .photo{ float:left;} 
.part1_top .cont{ width:382px ; line-height:24px; float:right;}
.part1_top .cont .title { height:30px;}
.part1_top .cont .title h3{ font-size:24px; color:#e20300;}
.part1_top .cont .title .more{ float:right;}

.part1 .pic{ margin-bottom:47px; white-space:nowrap;}
.part1 .pic img{ margin-right:27px;}

.part2{ width:482px; margin-top:33px;}
.part2 .part_pic ul li{ width:228px; height:275px; float:left; margin-left:10px; position:relative;}
.part2 .part_pic ul li .photo{width:228px; height:275px; overflow:hidden; }
.part2 .part_pic ul li .name{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(210,40,0,.6);}
.part2 .part_pic ul li .name a{ display:block; width:90px; height:32px; line-height:32px; margin:120px auto; text-align:center; color:#fff;  border:1px solid #fff;}
.part2 .part_pic ul li:hover .name{ display:block;}

.part2 .part1_top{ padding-top:23px; padding-left:10px;}
.part2 .part1_top .cont .more{ float:right;}

.product{ background:#f3f3f3;height:auto; overflow:hidden; }
.product .title,.news .title{ height:59px; padding-top:39px;}
.product .title .more,.news .title .more{ float:right; margin:36px 4px 0 0;}
.product .cont{ padding-top:32px;}
.product .cont ul{ margin:0 -7px;}
.product .cont li{ width:319px; float:left; margin:0 10px; display:inline; overflow:hidden;}
.product .cont li .photo{ width:311px; height:220px; border:4px solid #fdfdfd; border-bottom:none; overflow:hidden; position: relative;}
.product .cont li .photo span{ display:none; position:absolute; left:50%; margin-left:-21px; top:50%; margin-top:-21px;}
.product .cont li .name{ height:50px; line-height:50px; font-size:14px; text-align:center; background:url(../image/pbg.jpg) right bottom no-repeat #fdfdfd;}
.product .cont li:hover .photo span{ display:block;}
.product .cont li:hover .photo{ border-color:#fa725c;}
.product .cont li:hover .name{ background:url(../image/namebg.jpg);}
.product .cont li:hover .name a{ color:#fff;}

.news{ margin-top:28px; margin-bottom:40px;}
.news .tit{ text-align:center; font-size:14px; background:url(../image/index_56.jpg) center no-repeat;}
.news .tit span{ font-size:30px; text-transform:uppercase;}

.news_left{ width:564px; float:left;}
.news_left ul{ padding-top:26px;}
.news_left ul li{ margin-top:30px; height:92px; overflow:hidden;}
.news_left ul li .photo{ width:171px; height:92px; float:left;}
.news_left ul li .text{ width:345px;line-height:24px; float:right; margin-right:15px;}
.news_left ul li .text dt{ font-size:14px;  font-weight:bold;}
.news_left ul li .text dt a{ color:#ff5635;}
.news_left ul li .text dd{ line-height:24px; color:#636363;}
.news_left ul li .text span{ color:#a4a4a4;}

.news_right{ width:389px; float:right;}
.news_right .cont .photo{ padding-top:43px; padding-bottom:16px; border-bottom:1px solid #ccc;} 
.news_right .cont ul{ padding-top:15px;}
.news_right .cont li{ line-height:24px; height:24px;}
.news_right .cont li a{ display:block; padding-left:11px; background:url(../image/list1.jpg) left center no-repeat;}
.news_right .cont li span{ float:right; color:#8d8d8d; margin-left:5px;} 

.contact{ margin-bottom:20px;}
.contact ul{ margin-left:31px;}
.contact ul li{ float:left; font-size:18px; width:324px; line-height:28px; font-weight:bold;}
.contact ul li img{ float:left; margin-right:14px;}
.contact ul li span{ font-size:16px; color:#d92929; }
.contact ul li.tel span{ font-size:24px; font-weight:normal;}
.contact ul li .wx{ float:right; width:85px; height:85px; margin-top:-15px; background:url(../image/index_93.jpg);}


.single_con .ny_right .content{line-height: 27px}



.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:125px; 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:#f43f00; font-size:14px;}
.first_list .right .text{height:40px; overflow:hidden; margin-bottom:4px;}
.first_list .right a{color: #f43f00;display: block}
.first_list .right .date{ display:block; height:20px; line-height:20px; background:url(404.png) left center no-repeat; padding-left:20px; margin-top:10px;}
.other_list{margin-bottom: 67px; }
.other_list li{height:37px; line-height: 37px; border-bottom: dotted 1px #dddddd;}
.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:220px; height:224px; border: solid 3px transparent;; margin:0 20px 67px; -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:block; width:220px; height:160px;}
.pro_con .ny_right .content li .info{ width:220px; height:64px; background:#f5f5f5;}
.pro_con .ny_right .content li .info .name{ height:40px; line-height:40px; padding-left:19px; 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; background:#adadad; padding-left:20px; color:#fff;-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:hover{ border-color:#f43f00}
.pro_con .ny_right .content li:hover .more{ background:#f43f00}

.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: #f43f00; border-color: #f43f00; }


.slideBox{ width:100%; height:280px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:500px; height:280px; display:block;  }


.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../image/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:1%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.part2 .part_pic ul li{ width:500px; height:280px; float:left; position:relative;}