@charset "utf-8";
/* Style Reset */
body,p,h1,ul,li{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img {border:0;}
.clear {clear:both;}
/* topbg */
body{background:#000;}
.top{width:100%;background:#900000;background:-webkit-linear-gradient(top,#900000,#530000);background:-moz-linear-gradient(top,#900000,#530000);background:linear-gradient(top,#900000,#530000);border-bottom:1px solid #610000;}
.logo{display:block;width:69.21875%;margin:0 auto;padding:17px 0;}
.logo img{display:block;width:100%;}
.btnbox{width:100%;height:42px;background:#220000;border-bottom:1px solid #300000;position:relative;}
.homebtn{width:19.375%;position:absolute;top:3px;left:0;height:36px;background:url(../images/homebtn.jpg) 80% center no-repeat #5b0000;border-top-right-radius:36px;border-bottom-right-radius:36px;min-width:90px;background-size:32px;font:16px/36px '微软雅黑';color:#fff;text-indent:2%;}
.navbtn{width:19.375%;position:absolute;top:3px;right:0;height:36px;background:url(../images/navbtn.jpg) 14% center no-repeat #5b0000;border-top-left-radius:36px;border-bottom-left-radius:36px;min-width:90px;background-size:32px;font:16px/36px '微软雅黑';color:#fff;text-indent:10%;}
.classbtn{background:url(../images/classbtn.jpg) 35% center no-repeat;width:100%;text-indent:42%;height:100%;color:#fff;font:14px/42px '微软雅黑';}
.class{position:absolute;width:100%;z-index:15;top:43px;left:0;background:rgba(0,0,0,.89);padding-bottom:5px;display:none;}
.class li{width:100%;height:38px;border-bottom:1px solid #282828;background:url(../images/more.png) 92% center no-repeat;text-indent:1em;}
.class li a{display:block;width:90%;height:38px;font:14px/38px '微软雅黑';color:#c6c6c6;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/* nav */
.nav{width:85px;background:url(../images/navbg.jpg) 0 0 repeat-y #5b0000;height:300%;padding-bottom:12px;position:fixed;right:-85px;top:0;padding-top:20px;}
.nav li{width:100%;height:93px;border-bottom:1px solid #400000;}
.nav li a{display:block;width:100%;height:92px;text-align:center;font:16px/140px '微软雅黑';color:#fff;border-bottom:1px solid #700000;}
.index{background:url(../images/homebtn1.jpg) center 14px no-repeat;}
.about{background:url(../images/about.jpg) center 14px no-repeat;}
.product{background:url(../images/product.jpg) center 14px no-repeat;}
.news{background:url(../images/news.jpg) center 14px no-repeat;}
.case{background:url(../images/case.jpg) center 14px no-repeat;}
.contact{background:url(../images/contact.jpg) center 14px no-repeat;}
.clicked{}
/* con */
.con{width:100%;background:url(../images/conbg.jpg) 0 0 no-repeat;background-size:100%;padding-top:6%;}
.product{width:94.6875%;margin:6% auto;}
.product li{width:100%;margin-bottom:2.5%;}
.title1{width:100%;height:36px;background:#f58b64;background:-webkit-linear-gradient(top,#f58b64,#cd4622);background:-moz-linear-gradient(top,#f58b64,#cd4622);background:linear-gradient(top,#f58b64,#cd4622);border-top-left-radius:6px;border-top-right-radius:6px;font:16px/36px '微软雅黑';text-align:center;color:#fff;text-shadow:1px 1px 1px #cd4622;}
.product li div{width:100%;height:88px;padding-top:3px;background:#f3f3f3;border-bottom:1px solid #fff;}
.picborder{display:block;width:85px;height:85px;border-radius:85px;overflow:hidden;float:left;margin:0 2%;}
.product li div img{width:85px;display:block;height:85px;border-radius:85px;}
.product li div span{display:block;width:65%;height:60px;font:14px/30px '微软雅黑';color:#353535;float:left;overflow:hidden;padding-top:10px;}
.li_bottom{width:100%;height:38px;background:#f3f3f3;border-bottom-left-radius:6px;border-bottom-right-radius:6px;border-top:1px solid #dfdfdf;}
.li_bottom a{float:right;}
.more{display:block;width:60px;height:32px;background:#949898;background:-webkit-linear-gradient(top,#949898,#515555);background:-moz-linear-gradient(top,#949898,#515555);background:linear-gradient(top,#949898,#515555);text-align:center;color:#fff;text-shadow:1px 1px 1px #262727;font:14px/32px '微软雅黑';border-radius:8px;margin:3px 3% 0 0;}
.tel{display:block;width:60px;height:32px;background:url(../images/tel.jpg) 0 center no-repeat;text-indent:20px;margin:3px 0 0;font:14px/32px '微软雅黑';color:#3f3f3f;}
.share{display:block;width:60px;height:32px;background:url(../images/share.jpg) 0 center no-repeat;text-indent:25px;margin:3px 1% 0 0;font:14px/32px '微软雅黑';color:#3f3f3f;}
.title2{width:100%;height:36px;background:#9bce00;background:-webkit-linear-gradient(top,#9bce00,#4a7c00);background:-moz-linear-gradient(top,#9bce00,#4a7c00);background:linear-gradient(top,#9bce00,#4a7c00);border-top-left-radius:6px;border-top-right-radius:6px;font:16px/36px '微软雅黑';text-align:center;color:#fff;text-shadow:1px 1px 1px #3c6a00;}
.title3{width:100%;height:36px;background:#fcd977;background:-webkit-linear-gradient(top,#fcd977,#e9930a);background:-moz-linear-gradient(top,#fcd977,#e9930a);background:linear-gradient(top,#fcd977,#e9930a);border-top-left-radius:6px;border-top-right-radius:6px;font:16px/36px '微软雅黑';text-align:center;color:#fff;text-shadow:1px 1px 1px #d08205;}
.title4{width:100%;height:36px;background:#60b4f6;background:-webkit-linear-gradient(top,#60b4f6,#0061a3);background:-moz-linear-gradient(top,#60b4f6,#0061a3);background:linear-gradient(top,#60b4f6,#0061a3);border-top-left-radius:6px;border-top-right-radius:6px;font:16px/36px '微软雅黑';text-align:center;color:#fff;text-shadow:1px 1px 1px #0153a7;}
.support{width:100%;font:14px/30px '微软雅黑';color:#939393;text-align:center;}
.support a{color:#939393;}
/* foot */
.foot_nav{width:71.5625%;margin:5px auto;height:32px;}
.foot_nav li{width:20%;float:left;height:32px;}
.foot_nav li a{display:block;width:96%;margin:0 auto;height:32px;background:#949898;background:-webkit-linear-gradient(top,#949898,#525656);background:-moz-linear-gradient(top,#949898,#525656);background:linear-gradient(top,#949898,#525656);text-align:center;font:14px/32px '微软雅黑';color:#d6dddd;}
.foot{width:100%;margin-top:2%;position:relative;}
.foot img{display:block;width:100%;}
.footbox{position:absolute;width:100%;height:100%;top:0;left:0;}
.footbox a{display:block;width:33.3333%;float:left;height:100%;}
.search{width:93.125%;top:-42px;z-index:10;height:38px;border-radius:38px;background:#fff;left:3.4375%;position:absolute;overflow:hidden;box-shadow:4px 4px 6px #999 inset;display:none;}
.text{width:70%;float:left;height:38px;font:16px/38px '微软雅黑';text-indent:1em;border-radius:38px;border:0;background:none;color:#797a7a;}
.button{float:left;width:20%;height:38px;background:url(../images/searchico.png) center center no-repeat;border:0;}
/* subpage */
.subpage{width:94.6875%;margin:0 auto;background:#f3f3f3;border-radius:8px;overflow:hidden;}
.newsul{width:100%;padding:2% 0;}
.newsul li{width:100%;height:35px;border-bottom:1px solid #dfdfdf;}
.newsul li a{display:block;width:100%;height:34px;border-bottom:1px solid #fff;text-indent:5%;color:#1c1c1c;font:14px/34px '微软雅黑';text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/* pages */
.pages{width:100%;height:34px;padding:5px 0;background:#f7a88b;background:-webkit-linear-gradient(top,#f7a88b,#ca4522);background:-moz-linear-gradient(top,#f7a88b,#ca4522);background:linear-gradient(top,#f7a88b,#ca4522);}
.pre-left{display:inline-block;border:1px solid #d14722;width:51px;height:32px;border-radius:5px;text-shadow:1px 1px 2px #fff;color:#e73100;text-align:center;font:700 20px/32px 宋体;background:#fdae92;}
.next-left{display:inline-block;width:51px; height:32px;border-radius:5px;color:#fff;box-shadow:0 0 2px #f26943 inset;text-align:center; font:700 20px/32px 宋体;background:#d94923;border:1px solid #d94923;}
.pages span{display:inline-block; width:64px; height:30px; text-align:center; font:500 16px/30px 宋体; color:#af2905;text-shadow:1px 1px 1px #f3825a;}
/* productul */
.productul{width:100%;padding:2% 0;}
.productul li{width:50%;float:left;}
.productul li img{display:block;width:88%;margin:0 auto;padding:1px;background:#f3f3f3;border:1px solid #c7c7c7;}
.protitle{display:block;width:88%;font:14px/30px '微软雅黑';text-align:center;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.border{width:100%;height:0;overflow:hidden;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf;margin-bottom:2%;}
.subpage h1{font:18px/180% '微软雅黑';text-align:center;margin-top:2%;}
.subpage img{display:block;max-width:98%;margin:0 auto;}
.aboutcon{width:96%;margin:2% auto 0;font:14px/180% '微软雅黑';color:#000;}
.page{display:block;width:90%;margin:10px auto;background:#fff;border-radius:6px;box-shadow:1px 2px 2px #999;height:32px;font:14px/32px '微软雅黑';color:#5b0000;text-indent:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.back{display:block;width:100%;height:100%;font:16px/32px '微软雅黑';color:#af2905;text-shadow:1px 1px 1px #f39578;text-align:center;}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}
@media all and (max-width:320px){
.navbtn{text-indent:16%;}
}