@charset "utf-8";
.ui-page{ background:#F7EBE }
body,p ,h1,ul,li{margin:0; padding:0; }
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
.clear { clear:both; }
.center{ text-align:center}
.center img{ width:80%; max-width:200px;}
.padding10{padding:10px;}
.ui-body-f{background-color:#F7EBEB;}
.fr{ float:right}
body{}
.top{background:#e01b25; width:100%; height:80px; border-bottom:1px solid #E80202;}
.logo{float:left; margin:30px 10px 12px 1.875%; width:80%; max-width:320px;}
.topright{width:50%; height:36px; margin:8px 0 18px 0px; float:right;}
.search{width:96%; padding-right:4%; height:36px; margin-top:15px; background:#8F0100;border-radius:4px;}
.textinput{width:80%; height:28px;box-shadow:0; border:0; margin:4px 0 0 0; float:left; line-height:28px; text-indent:10px; color:#666; background:none; font-size:12px;}
.buttoninput{background:url(../images/search_but.gif) no-repeat 0 0 ; width:23px; height:19px;display:block; float:right; margin:4px 0 0 0;}
.content{ padding-bottom:50px;}
.nav{width:100%; height:60px; background:url(../images/navbg.jpg) repeat 0 0 #e01b25; 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:60px; float:left; text-align:center; font:500 14px/60px 微软雅黑;}
.landr li a{color:#fff;}
.big-pic{width:100%; margin-top:2px; overflow:hidden; margin-bottom:2px;}
.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; }
.icontact{margin-top:10px;padding-left:2%;color:#333;line-height:1.5;font-size:15px; float:left; margin-bottom:50px; overflow:hidden;}
.icontact p{ line-height:45px; background:url(../images/contacticon.gif) left center no-repeat; padding-left:20px; padding-bottom:40px; overflow:hidden;}
.news{width:100%; background:#fff;}
.newstitle{width:100%;height:42px; line-height:42px; float:left; background:url(../images/plistbg.jpg) repeat-x;}
.newstitle1{width:100%;height:42px; line-height:42px; float:left; background:url(../images/plistbg1.jpg) repeat-x;}
.newstitle2{width:100%;height:42px; line-height:42px; float:left; background:url(../images/plistbg2.jpg) repeat-x;}
.newstitle3{width:100%;height:42px; line-height:42px; float:left; background:url(../images/plistbg3.jpg) repeat-x;}
.newstitle4{width:100%;height:42px; line-height:42px; float:left; background:url(../images/plistbg4.jpg) repeat-x;}
.more_i{ color:#B20000; line-height:42px; float:right; padding-right:2%; font-size:12px; }
.newstitle_t{ display:block; height:42px; width:70%; float:left; background:url(../images/pltb.jpg) left no-repeat; text-indent:26px; line-height:42px; color:#fff; font:bold 16px/42px "微软雅黑";}
.newstitle_t1{ display:block; height:42px; width:70%; float:left; background:url(../images/pltb1.jpg) left no-repeat; text-indent:26px; line-height:42px; color:#fff; font:bold 16px/42px "微软雅黑";}
.newstitle_t2{ display:block; height:42px; width:70%; float:left; background:url(../images/pltb2.jpg) left no-repeat; text-indent:26px; line-height:42px; color:#fff; font:bold 16px/42px "微软雅黑";}
.newstitle_t3{ display:block; height:42px; width:70%; float:left; background:url(../images/pltb3.jpg) left no-repeat; text-indent:26px; line-height:42px; color:#fff; font:bold 16px/42px "微软雅黑";}
.newstitle_t4{ display:block; height:42px; width:70%; float:left; background:url(../images/pltb4.jpg) left no-repeat; text-indent:26px; line-height:42px; color:#fff; font:bold 16px/42px "微软雅黑";}
.newsul{width:100%; background:#fff;}
.newsul li{width:33%; height:47px; border-bottom:1pt solid #fff; float:left; background:url(../images/prlistbg.jpg) center no-repeat;}
.newsul li a{display:block; line-height:46px; color:#414141; height:46px; text-align:center; 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{float:left;margin-bottom:50px; width:100%; float:left; overflow:hidden;}
.proul{width:100%; padding:5% 0}
.proul li{position:relative; }
.proul li div{ width:93%; margin-left:7px;}
.proul li img{width:100%;border:1px solid #d5d0ca;}
.proul li p{left:1px;width:100%; height:23px; text-align:left; font:300 10pt/23px 微软雅黑;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; color:#000 }
.proul li span { background:url(../images/dxyh.jpg) no-repeat left center; width:132px; float:left; display:block; height:22px; font-size:9pt; font-weight:700; line-height:22px; text-indent:8%;}
.proul li span a { width:100%; height:22px; display:block; float:left; color:#fff;}


.footer{width:100%; height:50px; background:url(../images/botttom.jpg) repeat-x; position:fixed; bottom:0; left:0; right:0; z-index:1000; overflow:hidden;}
.footer ul{width:100%; height:50px;}
.footer ul li{float:left; height:50px; width:31%; font}
.footer ul li.foottel{ width:33%; float:left; background:url(../images/btphone.png) center no-repeat;}
.footer ul li.foottel a{ width:100%; height:50px; float:left;}
.footer ul li.footmail{ width:33%; float:left; background:url(../images/btbx.png) center 5px no-repeat;}
.footer ul li.footmail P{ width:66px; text-align:center; margin:0 auto; height:100%; line-height:75px;}
.footer ul li.footmap{ width:33%; float:left; background:url(../images/btqq.png) center 5px no-repeat;}
.footer ul li.footmap P{ width:60px; text-align:center; margin:0 auto; height:100%; line-height:75px;}
.footer a{color:#fff; font-family:微软雅黑;}
.subpages{width:100%; padding-bottom:40px; height:auto; float:left;}
.subpages p{width:95%; margin:20px 2.5%; font:10pt/30px 宋体; color:#42413F;}
.products{width:100%;}
.products a{font-weight:bold;}
.products li{width:100%; border-bottom:1px solid #dfd8cf; padding-bottom:8px;  overflow:hidden; padding-top:8px; text-overflow:ellipsis; background-color:#99FF00}
.border{width:25%;  margin:0px; padding:0px; float:left }
.prodimg{width:100%;  float:left; padding:3px; border:1px solid #e3dbd0; background:#fff; margin:0 0 0 8px;}
.profont{ width:65%; margin-left:2%; background-color:#00CCFF }
.profont p{margin:0; padding:0; font-weight:normal;}
.profont p a{font-weight:1000; color:#880308; font-size:10.5pt; text-overflow:ellipsis; overflow:hidden;white-space:nowrap; width:65%; background-color:#00FF66}
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%}
.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;}
.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;
}

.ui-bar-f{

background-image:-moz-linear-gradient(center top , #8F0100, #8D0000);
background-image: -moz-linear-gradient(top, #8F0100, #8D0000);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8F0100), to(#8D0000));
background-image: -webkit-linear-gradient(top, #8F0100, #8D0000);
background-image: -o-linear-gradient(top, #8F0100, #8D0000);
background-image: linear-gradient(top, #8F0100, #8D0000);
backg/round:#8D0000;
}

.nav_sy{ width:20%; height:50%; float:left;}

.pro-cla_list{display:none;right:0;z-index:9999;width:100%; margin-bottom:20px; }
.pro-cla_list li{width:33%; height:47px; border-bottom:1pt solid #fff; float:left; background:url(../images/prlistbg.jpg) center no-repeat;}
.pro-cla_list li a{display:block; line-height:46px; color:#414141; height:46px; text-align:center; font-size:10pt; text-indent:1.71875%;}

.case_con{width:100%; padding-top:10px;}
.case_con li{width:96%;display:block; padding:5px 2%;margin-bottom:14px; border-bottom:1px solid #dfd8cf; }
.case_con li a{ display:block; width:100%; }
.case_con .ui-block-a{ width:23%;}
.case_con .ui-block-b{ width:75%; padding-left:2%; line-height:21px;color:#666666;  font-size:12px }
.case_con .ui-block-b p{ font-weight:bold; color:#880308; line-height:1.2;  margin-top:5px; margin-bottom:10px}
.imgborder{display:block;float:left;   }
.imgborder img{ width:100%;  border:1px solid #e3dbd0; background:#fff;float:left; }

.ssbox{ background:url(../images/ssbg.png) repeat-x; width:100%; height:50px; padding:9px 0; margin-bottom:3px; float:left; margin-top:-12px; overflow:hidden;}
.ssabox{ width:94%; margin:0 auto; border:1px solid #afafaf; border-radius:10px; background:#f8f8f8; height:28px; overflow:hidden;}
.ssbt{ float:left; color:#999; font-size:14px; line-height:28px; text-indent:13px;}
.ssabox input { background:#f8f8f8; border:none; width:60%; height:100%; float:left; margin-top:4px; overflow:hidden;}
.sstj { float:right; background:url(../images/sstj.gif) no-repeat center; width:30px; height:30px; border:1px solid red;}

.about{ width:100%; float:left;}
.about_tit{ width:100%; float:left;}
.about_tit p{ padding:10px; line-height:25px;}

.news_tit{ width:100%; float:left; margin-bottom:20px; overflow:hidden;}
.h_newsC_c{ width:90%; margin-left:20px; overflow:hidden; float:left; border-bottom:1px solid #ddd; line-height:45px; background:url(../images/nesbg.jpg) left center no-repeat;}
.h_newsC_c a{ padding-left:20px; overflow:hidden; color:#333; font-size:14px; font:bold 14px/45px "微软雅黑";}
.h_newsC_c span{ float:right; font-size:16px; color:#333;}
.am-article-bd{overflow:hidden; line-height:30px;}
.am-article-bd p{ line-height:30px;}