@charset "utf-8";
.ui-page{ background:#fff }
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:#fff;}
.fr{ float:right}
.am-img-thumbnail{ width:100%;}
body{ background:#f9f9f9}
.top{background:#fff; width:100%; height:auto; border-bottom:1px solid #E80202;}
.logo{float:left; margin:10px 0 0; width:100%;}
.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:44px; background:url(../images/menubg.gif) repeat 0 0 #7A0201; 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:44px; float:left; text-align:center; font:700 16px/44px 微软雅黑;}
.landr li a{color:#fff;}
.landr li a:hover { color:#ff0;}
.ssbox{ background:url(../images/ssbg.png); width:100%; height:28px; padding:9px 0; margin-bottom:10px;}
.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%; line-height:28px; height:100%;}
.sstj { float:right; background:url(../images/sstj.gif) no-repeat center; width:30px; height:30px;}
.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; }
.icontact{margin-top:10px;color:#414141;line-height:1.5;font-size:12px; padding:2% 5% 5%;}
.icontact li{ width:100%; border-bottom:1px solid #dedede; height:32px; line-height:32px;}
.icontact li b { float:left; background:#56678e; border:1px solid #3a4e7c; width:14px; color:#fff; margin:7px 10px 0 0; height:14px; display:block; line-height:14px; text-align: center;}
.icontact li a { float:left; font-size:10pt; color:#666; width:70%; overflow:hidden; height:32px; line-height:32px;}
.icontact li span { float:right; color:#666;}
.icontact p { margin:0; text-indent:2em; font-size:10pt; line-height:18pt;}
.icontact .conbox{ font-size:10pt; line-height:18pt;}
.icontact .conbox strong { font-size:12pt; color:#d00;}
.icontact .conbox strong a { color:#d00;}
.botlink{ background:url(../images/botlinkbg.gif); width:100%; text-align:center; line-height:34px; height:34px; color:#fff;}
.botlink a{ font-size:11pt; color:#fff;}
.botcopyright { width:100%; text-align:center; font-size:10pt; color:#333; line-height:24px; padding:20px 0;}
.news{width:100%;}
.newstitle{ clear:both;width:100%; height:36px; background:url(../images/tit_bg.gif); border-bottom:1px solid #FFFFFD;}
.more_i{ background:url(../images/tit_right.gif) no-repeat top right; width:58%; text-align:right; color:#B20000; line-height:36px; float:right; padding-right:2%; font-size:12px; }
.more_ip{ background:url(../images/tit_rightp.gif) no-repeat top right; width:58%; text-align:right; color:#B20000; line-height:36px; float:right; padding-right:2%; font-size:12px; }
.newstitle_t{ display:block; height:36px; width:40%; float:left; background:url(../images/tit_left.gif) left bottom no-repeat; text-indent:26px; line-height:36px; color:#FFF; font-weight:700; font-family:微软雅黑;}
.newsul{float:left; width:100%; padding:5px 0 15px;}
.newsul li{width:47%; background:#f0f0f0; float:left; height:32px; margin:5px 0 0 2%; border-radius:10px;}
.newsul li a{display:block; line-height:32px; color:#414141; height:32px; font-size:10pt; text-align: center;}
.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{ clear:both; float:left;margin-bottom:80px; width:100%;}
.proul{width:100%; padding:5% 0}
.proul li{position:relative; }
.proul li div{ width:86%;padding:0 7%;}
.proul li img{width:100%;border:1px solid #d5d0ca;}
.proul li p{left:1px;width:100%; height:27px; background:url(../images/icons4.gif) no-repeat left center; text-indent:10px; text-align:left; font:300 10pt/27px 微软雅黑;text-overflow:ellipsis; overflow:hidden;white-space:nowrap; color:#000;margin: 0; padding: 0; }
.proul li span { background:url(../images/iphoneTel.jpg) no-repeat left center; width:132px; float:left; display:block; height:22px; font-size:9pt; font-weight:700; line-height:22px; text-indent:20%;}
.proul li span a { width:100%; height:22px; display:block; float:left; color:#ff0;}
.footer{width:100%; height:auto; background:url(../images/botbg.gif) left top; position:fixed; bottom:0; left:0; right:0; z-index:1000; overflow:hidden;}
.footera{width:100%; height:39px; line-height:39px;}
.footeral{ background:url(../images/bottel.png) no-repeat 15px center; height:39px; line-height:39px; width:66.3%; float:left; text-indent:40px; color:#fff;}
.footeral a{ font-weight:700; color:#ff0;}
.footerar{ width:29%; text-align:center; float:right;}
.footerar a{color:#fff; font-family:微软雅黑;}
.footerb{ width:100%;}
.footerb li { width:33%; float:left; border-right:1px solid #004cbd; text-align:center; height:46px; line-height:46px;}
.footerb li a { color:#fff; font-weight:700;}
.subpages{width:98%; padding-bottom:5px; padding:1%; height:auto; float:left; line-height:25px;}
.subpages img{ max-width:100%;}
.am-table{ width:98%; font-size:10pt;}

.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:center; font-size:8pt; color:#999;}
#backbut{ float:right; margin-top:5px; -moz-border-radius:.2em /*{global-radii-blocks}*/;
-webkit-border-radius:.2em /*{global-radii-blocks}*/;
border-radius:.2em; background:#d00; display:block; width:60px; text-align:center; font-size:14px; color:#fff;height:25px; line-height:25px;}
.botnav li div{ padding:20px 20%}
.pages{height: 30px; margin: 20px 5%; width: 90%; text-align:center;}
.pages a { background:#d00; margin:0 1px; color: #fff; display:inline-block; border-radius:5px; font: 500 10pt/26px 宋体; height: 26px;text-align: center; padding:0 10px}
.pages span{ background:#d00; margin:0 1px; color: #fff;  display: inline-block; border-radius:5px; font:500 10pt/26px 宋体; height: 26px;text-align: center; padding:0 10px}
.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;
}

#btn-cla{ background:url("../images/botbg.gif") repeat-x left bottom;}
#btn-cla a { color:#ff0;}
.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;
}



.pro-cla_list{right:0;z-index:9999;width:100%; margin-bottom:20px; padding-top:10px;}
.pro-cla_list li{width:30%; margin-left:2%;border-bottom:1px solid #ffffff;background:#F7EBEB ; height:40px; line-height:40px; overflow:hidden; margin-bottom:3px; float:left;color:#860005;text-align:center;font:normal .875em/3 "Microsoft YaHei"}
.pro-cla_list li:hover{background:#FB7378}
.pro-cla_list li a{color:#860005
}.pro-cla_list li a:visited{color:#860005}

.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%; color:#666;}
.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:#d00; line-height:1.5;  margin-top:5px; margin-bottom:10px}
.imgborder{display:block;float:left;   }
.imgborder img{ width:100%;  border:1px solid #e3dbd0; background:#fff;float:left; }

.mainbox{ width: 560px; max-width: 100%; margin: 0 auto; background: #fff; height: auto; overflow: hidden;}