@charset "utf-8";

.menu { padding-top: 20px; background: #f8f8f8; border-bottom: 1px solid #ddd; text-align: center; }
.menu dl { margin-bottom: -2px; }
.menu dt { display:inline-block; *display:inline; zoom:1;}
.menu dt a { display: block; height: 72px; line-height: 72px; padding: 0 18px; color: #656465; border: 1px solid transparent; font-size: 16px; }
.menu dt a:hover,.menu dt a.current {  background: #fff; border: 1px solid #ddd; border-bottom: none; border-radius: 6px 6px 0 0; }

.pro-item-wrap { padding-top: 50px; }
.pro-item { float: left; width: 577px; margin-bottom: 27px; }
.pro-item .pic { float: left; width: 247px; height: 178px; border: 1px solid #e4e2e2; }
.pro-item .pic .noPic{color:#888; text-align:center; line-height:178px; font-size:14px;}
.pro-item .info { float: right; width: 320px; height: 180px; background: #f8f8f8; position:relative; }
.pro-item .info h2 { height: 30px; padding: 8px 0 8px 16px; }
.pro-item .info h2 a { color: #333; font-size: 14px; }
.pro-item .info .i { padding:0 0 15px 32px; height:75px; font-size: 12px; line-height:22px; overflow:hidden;}
.pro-item .info .i ul,.pro-item .info .i ol{list-style:disc outside none;}
.pro-item:hover .pic { border: 1px solid #ffe4af; }
.pro-item:hover .info { background: #ffe4af; }

.pro-item .info .detail { padding-left: 16px; }
.pro-item .info .detail a { padding: 7px 23px; border: 1px solid #c23133; background: #d74446; border-radius: 4px; font-size: 12px; color: #fff; }

.art-box { padding:45px 0 15px 0;  border-bottom: 1px solid #e1dfdf; text-align: center; }
.art-box h2 { font-size: 24px; color: #333; padding-bottom: 20px; font-weight: normal; }
.art-box .info span { padding: 0 10px; }
.art-box .info span em { padding-left: 5px; vertical-align: middle; font-size: 12px; }

.picFocus{ position: relative; width: 1054px; margin: 40px auto 0; padding-top: 33px; border: 1px solid #e1dfdf; }
.picFocus .iprev,.picFocus .inext { position: absolute; top: 50%; margin-top: -47px;  cursor: pointer; }
.picFocus .iprev { left: 68px; }
.picFocus .inext { right: 68px; }
.picFocus .bd { position:relative; width:500px; margin:0 auto;}
.picFocus .hd { text-align: center; padding:20px 0;}
.picFocus .hd ul li { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 12px; border: 1px solid #d22027; cursor: pointer; text-indent:-999em;}
.picFocus .hd ul li.on { background: #d22027; }

.article { padding:20px 0 30px; line-height:200%; word-wrap:break-word; font-size: 14px; word-break:break-all; }
.article img{max-width:1180px;}

.up-next { margin-bottom: 45px; padding: 10px 15px; line-height: 22px; background: #fff; border-radius: 4px; border: 1px solid #e7e7e7; }
.up-next ul li { float: left; width: 48%; padding:3px 0 3px 15px; border-right: 1px solid #e7e7e7; color: #999; font-size: 14px;  }
.up-next ul li a { }

.article-bottom-fx { padding: 35px 0 50px;text-align: center; border-top: 1px solid #e1dfdf;}
.article-bottom-fx p { color: #9dacb9; font-size: 12px; }
.article-bottom-fx .add img{cursor:pointer; }
.article-bottom-fx .zan { padding:15px 20px; border-radius:20px; color: #fff; font-size: 24px; font-weight: normal; background: #f65b56; cursor: pointer; margin-left:-100px;}
.article-bottom-fx .zan span{padding:0 20px;}
.article-bottom-fx .zan em { font-size:16px;}

.submenu { padding-top: 30px; width:1180px; margin:0 auto;}
.submenu ul {}
.submenu ul li.border{ float: left; width: 195.5px; height: 53px; line-height: 53px; border: 1px solid #ddd; border-left:none; border-top:none; text-align: center; }
.submenu ul li.bdL{border-left: 1px solid #ddd;}
.submenu ul li.bdT{border-top: 1px solid #ddd;}
.submenu ul li a { display: block; font-size: 14px; color: #656465; }
.submenu ul li a:hover,.submenu ul li .current { color: #fff; background: #df4040; }

.style-item { padding:40px 0 10px; }
.style-item ul li { position: relative; float: left; width: 290px; height: 210px; margin: 0 8px 8px 0; }
.style-item ul li.MgR{ margin-right: 0; }
.style-item ul li .noPic{border:1px solid #ccc; color:#888; text-align:center; line-height:208px; font-size:14px;}
.style-item ul li .gray { opacity: 0; transform: scale(0);  transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;  position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(255,228,175,0.95); }
.style-item ul li .gray a { display: block; padding: 70px 0 53px 0; font-size: 16px; font-weight: bold; color: #333; background: url("../images/style_icon.png") no-repeat center bottom;  }
.style-item ul li:hover .gray { opacity: 1;  transform: scale(1); }

.page { padding: 25px 0 40px; text-align: center; clear: both; }
.page a { display: inline-block; margin: 0 2px; padding: 2px 10px; background: #fff; border: 1px solid #dcdcdc; border-radius: 2px; font-size: 14px;  }
.page a:hover,.page .current { background: #ed4f4f; color: #fff; border-color: #c83f3f; }

.news-item-wrap { padding-top: 40px; }
.news-item-wrap .new-item { float: left; width: 578px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px dotted #cbcbcb; }
.news-item-wrap .new-item .pic { width: 104px; height: 72px; }
.news-item-wrap .new-item .noPic{border:1px solid #ccc; color:#999; text-align:center; line-height:70px; font-size:13px;}
.news-item-wrap .new-item .info { width: 464px; }
.news-item-wrap .new-item .info h2 {line-height: 24px; padding-bottom:5px;}
.news-item-wrap .new-item .info h2 a { color: #444; font-size: 14px;}
.news-item-wrap .new-item .info h2 a:hover { color: #df4141; }
.news-item-wrap .new-item .info .txt { font-size: 12px; color: #666; }
.news-item-wrap .new-item .info .txt a { color: #d74446; }

/* 表单 */
.form-area { padding:30px 0 50px 300px; font-size:14px;}
.form-area .tips { padding:5px 0 15px 105px; color:#fa3030; font-weight:bold;  text-align:left; }
.form-area li{padding:10px 0; color:#666;}
.form-area li span {float:left; width:100px; line-height:26px; text-align:right; padding-right:5px;}
.form-area li span em{color:#fa3030; padding-right:4px;}
.form-area li input{ vertical-align:middle;}
.form-area li .text { height:28px; line-height:28px; padding:1px 5px; border:1px solid #D0D0D0; background:#f9f9f9; color:#444; font-family:"微软雅黑"; font-size:14px;}
.form-area li .textarea { width:460px; height:120px; padding:5px; border:1px solid #D0D0D0; background:#f9f9f9; color:#444; font-family:"微软雅黑"; font-size:14px;}
.form-area .input-btn{padding:15px 0 0 105px;}
.form-area .input-btn input {float:left; display:inline; margin-right:15px; width:80px; height:28px; border:none; background:#D44645; font-family:"微软雅黑"; font-size:14px; color:#fff; border-radius:5px;}

/* 网站地图 */
.webmap{padding:40px 10px 50px;}
.webmap dl{overflow:hidden;zoom:1;}
.webmap dt{width:15%;float:left;margin-bottom:10px;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block; line-height:36px; background:#777; color:#fff; text-align:center; font-size:15px;}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:36px;width:180px;float:left;text-align:center; font-size:14px;}
.webmap a:hover{background-color:#D44645;text-decoration:none;color:#fff}



/* 新闻列表 */
.list { margin:0 0 10px; padding:0 20px; clear:both; }
.list ul li { padding:5px 0; line-height:20px; font-size:15px; clear:both; }
.list ul li a { padding-left:5px; }
.list ul li a:hover { text-decoration:underline; }
.list .date { float:right; padding-left:9px; color:#999; font-size:14px; font-family:Arial; }
.list .ico { float:left; width:6px; _width:3px; height:20px; margin:0; background:url(../images/point_01.gif) no-repeat 0 7px; }

.lianxi{ width:420px; float:left; }
.ditu{ width:700px; float:right; margin-top:35px; }

.info .price{ position:absolute; bottom:23px; left:135px; font-size:14px; }