@charset "utf-8";
/* Style Reset */
.ui-page{ background:#F7EBE }
body,p ,h1,ul,li{margin:0; padding:0;background:#F7EBE }
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px; color:#333}
.clear { clear:both; }
.center{ text-align:center; width:100%;}
.center img{ width:100%;}
.padding10{padding:10px;}
/* top */
.ui-body-f{background-color:#F7EBEB;}
.fr{ float:right}
body{ background:#F7EBEB}
.top{background:#B20000; width:100%; height:80px; border-bottom:1px solid #E80202;}
.logo{float:left; margin:26px 10px 12px 1.875%; width:80%; max-width:194px;}
.topright{width:50%; height:36px; margin:8px 0 18px 0px; float:right;}
.search{width:100%; height:36px; margin-top:15px; background:#8F0100;border-radius:4px;}
.textinput{width:70%; height:28px;box-shadow:0; border:0; margin:4px 0 0 0; float:left; line-height:28px; text-indent:10px; color:#666; background:none;}
.buttoninput{background:url(../images/search_but.gif) no-repeat 0 0 ; width:23px; height:19px;display:block; float:right; margin:4px 0 0 0;}
/* nav */
.nav{width:100%; height:40px; background:url(../images/navbg.jpg) repeat 0 0 #7A0201; border-top:1px solid #A01C05;border-bottom:1px solid #fff; position:relative;}
.navleft{margin:0 0 11px 2.8125%; display:none; width:20px; height:20px; position:absolute; left:-5px; top:9px;}
.navright{margin:0 2.8125% 11px 0px; display:none; width:20px; height:20px; position:absolute; right:-5px; top:9px;}
.landr{/*width:78.125%;*/ width:100%;text-align:center; height:100%; overflow:hidden;}
.landr li{height:40px; float:left; text-align:center; font:500 14px/40px 微软雅黑;}
.landr li a{color:#fff;}
/* banner */
.big-pic{width:100%;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic a{float:left;height:auto; width:100%;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list a{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list a{width:33.3%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list a{width:25%;/*25%*/}
.slide-dot{position:absolute;left:8px;bottom:10px;height:9px;padding:2px 0; float:left;}
.slide-dot span{display:inline-block;width:11px;height:11px;margin:0 5px;background:url(../images/slide-dot.png) no-repeat -20px 0;vertical-align:top; z-index:10;}
.slide-dot .slide-dot-cur{background-position:0 0;z-index:10; }
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
/* news */
.news{width:100%;}
.newstitle{width:100%;height:32px; height:37px;
background-image:-moz-linear-gradient(center top , #FDFCFC, #EBD5D5);
background-image: -moz-linear-gradient(top, #FDFCFC, #EBD5D5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDFCFC), to(#EBD5D5));
background-image: -webkit-linear-gradient(top, #FDFCFC, #EBD5D5);
background-image: -o-linear-gradient(top, #FDFCFC, #EBD5D5);
background-image: linear-gradient(top, #FDFCFC, #EBD5D5); border-bottom:1px solid #FFFFFD;
}
.more_i{ color:#B20000; line-height:37px; float:right; padding-right:2%; font-size:12px; }
.newstitle_t{ display:block; height:31px; width:40%; float:left; background:url(../images/icons4.gif) 10px center no-repeat; text-indent:26px; line-height:31px; color:#B60000; font-family:微软雅黑;}
.newsul{width:100%;}
.newsul li{width:100%; height:47px; border-bottom:1pt solid #fff;}
.newsul li a .fl{float:left; width:70%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newsul li a{display:block;width:87%; padding-right:10%; float:left;text-overflow:ellipsis; overflow:hidden;white-space:nowrap;  line-height:46px; color:#414141; height:46px; border-bottom:1pt solid #dfd8cf; background:url(../images/icons3.png) 94.21875% center no-repeat; /*text-indent:6.40625%;*/ font-size:10pt; text-indent:1.71875%;}
.hot{float:left; margin:6px 0 10px 1.71875%;}
.button{width:132px; height:26px; border-radius:3px; background-image:-moz-linear-gradient(center top , #ececec, #dbd8d8);background-image: -moz-linear-gradient(top, #ececec, #dbd8d8);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#dbd8d8));background-image: -webkit-linear-gradient(top, #ececec, #dbd8d8);background-image: -o-linear-gradient(top, #ececec, #dbd8d8);background-image: linear-gradient(top, #ececec, #dbd8d8); margin:9px auto; border:1px solid #c2c2c2;}
.button a{width:130px; height:24px; border-radius:2px; border-color:#fff; display:block; border:1px solid #fff; background:url(../images/icons3.png) 119px center no-repeat; text-align:center; color:#8c8b8b; font:500 12pt/24px 微软雅黑;}
/* product */
.product{margin-bottom:50px;}
.proul{width:100%; padding:5% 0}
.proul li{position:relative; }
.proul li div{ width:80%;padding:0 10%;}
.proul li img{width:100%;border:1px solid #d5d0ca;}
.proul li p{position:absolute; bottom:0px; left:1px;width:80%; margin:0 10%; height:27px; background:#000; opacity:0.5; text-align:center; font:300 10pt/27px 微软雅黑;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; color:#fff}

/* footer */
.footer{width:100%; height:43px; border-top:1px solid #8F0100; background:#8F0100; position:fixed; bottom:0; left:0; right:0; z-index:1000; overflow:hidden;}
.footer ul{width:100%; height:42px; border-top:1px solid #B30100;}
.footer ul li{float:left; height:42px; width:32%;}
.footer ul li.foottel{border-right:1px solid #6E0302;}
.footer ul li.foottel P{background:url(../images/foottel.png) no-repeat left center; width:60px; text-align:right; margin:0 auto; height:100%; line-height:43px;}
.footer ul li.footmail{border-left:1px solid #CF0303; border-right:1px solid #6E0302;}
.footer ul li.footmail P{background:url(../images/footmail.png) no-repeat left center; width:66px; text-align:right; margin:0 auto; height:100%; line-height:43px;}
.footer ul li.footmap{border-left:1px solid #CF0303;}
.footer ul li.footmap P{background:url(../images/footicons1.png) no-repeat left center; width:60px; text-align:right; margin:0 auto; height:100%; line-height:43px;}
.footer a{color:#fff; font-family:微软雅黑;}
/* subpages */
.subpages{width:100%; padding-bottom:40px; height:auto; float:left;}
.subpages p{width:95%; margin:20px 2.5%; font:10pt/30px 宋体; color:#42413F;}
/* products */
.products{width:100%;}
.products a{font-weight:bold;}
.products li{width:100%; height:95px; border-bottom:1px solid #fff; overflow:hidden; padding-top:8px; text-overflow:ellipsis;}
.border{width:100%; height:94px; border-bottom:1px solid #dfd8cf; margin:0px; padding:0px;}
.prodimg{width:80px; height:80px; float:left; padding:3px; border:1px solid #e3dbd0; background:#fff; margin:0 0 0 8px;}
.profont{float:left; width:66%; margin-left:10px;}
@media all and (max-width: 480px) { 
.profont{float:left; width:55%;}
}
.profont p{margin:0; padding:0; font-weight:normal;float:left; width:100%;}
.profont p a{font-weight:1000; float:left; width:100%;overflow:hidden; color:#880308; font-size:10.5pt; text-overflow:ellipsis; white-space:nowrap;}
h3{color:#900100; width:100%; text-align:center;}
.subpages p.date{width:90%; margin:0 5%; height:30px; line-height:30px; border-bottom:1px dashed #999; text-align:right; font-size:8pt; color:#999;}

#backbut{ -moz-border-radius:.2em /*{global-radii-blocks}*/;
-webkit-border-radius:.2em /*{global-radii-blocks}*/;
border-radius:.2em; background:#8F0100; display:block; width:60px; text-align:center; font-size:14px; color:#fff;height:30px; line-height:30px;}
.botnav li div{ padding:20px 20%}
/*搜索结果*/
.view_case{width:100%;}
.view_case li{ margin-left:1.7%; margin-top:29px;margin-bottom:27px; font-weight:bold;}
.view_case li p{ width:100%;text-overflow:ellipsis; color:#333; line-height:25px; margin:0; overflow:hidden; white-space:nowrap; }
.view_case ul{width:96%; padding:0 2%;

	 }
.view_case .ui-grid-b  > *:nth-child(n){ width:31%;}
.view_title{ width:92.2%; padding:22px 3.9% 12px; text-align:center;}
.view_title span{ width:80%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#557392; font-weight:bold;float:left; text-align:center; line-height:32px; }
  @media all and (max-width: 639px) { 
  .view_title span{ width:70%;
  }
  }
.tj_caseimg,.tj_caseimg img{ width:100%; float:left}
.tj_caseimg{ text-align:center; background:#fff; border:1px solid #cedee8; padding:2px; margin-bottom:20px;}
.tj_caseimg a{ color:#3e4e57;}
.view_case li a{ float:left}
.products .view_case li{ over/flow:auto}

.pages{height: 30px; margin: 20px auto; width: 200px;}
.pages span{ color: #333333; display: block; float: left; font: 500 16px/30px 宋体; height: 30px;text-align: center; float: left; padding:0 5px}
.left{ height:25px;width:80px; color:#fff;display:inline-block; vertical-align:middle;;display: block; float: left; font: 100 14px/28px 宋体; height: 28px; text-align: center;
-moz-border-radius:.2em /*{global-radii-blocks}*/;
-webkit-border-radius:.2em /*{global-radii-blocks}*/;
border-radius:.2em; background:#8F0100; 
}
.right{height:25px; width:80px;color:#fff; display:inline-block; vertical-align:middle;display: block; float: left; font: 100 14px/28px 宋体; height: 28px; text-align: center;
-moz-border-radius:.2em /*{global-radii-blocks}*/;
-webkit-border-radius:.2em /*{global-radii-blocks}*/;
border-radius:.2em; background:#8F0100; 
 }