@charset "utf-8";
/* Style Reset */
body,p,h1,ul,li,input,img{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;width:100%;}
/* top */
.topbg{width:100%;position:relative;background:url(../images/topbg.jpg) 0 0 repeat-x;background-size:17.65625% 100%;}
.logo{display:block;width:49.375%;margin:0 auto;padding:14px 0 24px}
.logo img{display:block;width:100%}
.searchbtn{position:absolute;left:2.5%;top:14px;width:9.53125%;min-width:40px;}
.navbtn{position:absolute;right:3.125%;top:14px;width:9.53125%;min-width:40px;}
.banner{width:100%;}
.banner img{display:block;width:100%}
.class-box{width:100%;height:61px;border-top:1px solid #001018;border-bottom:1px solid #003261;font:16px/61px 'Microsoft YaHei';background:-webkit-linear-gradient(top,#fb9547,#c1590c);background:-moz-linear-gradient(top,#fb9547,#c1590c);background:linear-gradient(top,#fb9547,#c1590c);}
.class-box a{display:block;float:left;width:19.5%;height:100%;border-left:1px solid #5bbbf2;border-right:1px solid #0d395e;text-align:center;color:#fff;text-shadow:1px 1px 1px #003f71;background:#0abcf1;background:-webkit-linear-gradient(top,#0abcf1,#00539e);background:-moz-linear-gradient(top,#0abcf1,#00539e);background:linear-gradient(top,#0abcf1,#00539e);}
.class-box a.last{display:block;float:left;width:19.5%;height:100%;border-left:1px solid #5bbbf2;border-right:0;text-align:center;color:#fff;text-shadow:1px 1px 1px #003f71;background:#fb9547;background:-webkit-linear-gradient(top,#fb9547,#c1590c);background:-moz-linear-gradient(top,#fb9547,#c1590c);background:linear-gradient(top,#fb9547,#c1590c);}
/* nav */
body{position:relative;overflow-x:hidden;}
.nav{width:240px;height:100%;position:absolute;right:0;top:0;background:#041a24;z-index:1}
.allpage{position:relative;z-index:10;background:#041a24}
.nav li{width:100%;line-height:53px;border-bottom:1px solid #07222f;background:url(../images/icons2.jpg) 169px 16px no-repeat;margin:0 auto;}
.nav li ul{border-top:1px solid #1a456b;border-bottom:1px solid #170000;background:none;}
.nav li li{border:0;line-height:42px;background:none;}
.nav li li a{display:block;width:100%;height:42px;border:0;font:14px/42px '微软雅黑';color:#a3dbfd;background:url(../images/icons.jpg) 50px 26px no-repeat;}
.nav li a{display:block;width:100%;height:52px;border-bottom:1px solid #021016;text-indent:77px;font:16px/52px '微软雅黑';color:#a3dbfd;}
.clicked{}
/* index */
.productpic{width:97.1875%;margin:2% auto}
.productpic li{width:28.42%;margin:0.45%;float:left}
.productpic li.leftpic{width:39%;margin:0.6%;float:left}
.productpic li img{display:block;width:100%}
.newsul{width:96.25%;margin:2% auto;border-radius:6px;border:1px solid #000;box-shadow:0 0 2px #315b6d inset;background:#0f3c50;height:233px;overflow:hidden}
.newsul li{width:100%;height:47px;border-bottom:1px solid #114b65}
.newsul li p{width:100%;height:46px;border-bottom:1px solid #0d303f;background:url(../images/icons1.jpg) 92% center no-repeat;}
.newsul li p a{display:block;width:88%;height:46px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff;font:14px/46px 'Microsoft YaHei';text-indent:1em}
/* footbg */
.footbg{width:100%;background:url(../images/footbg.jpg) 0 0 repeat-x #07507c;position:relative;height:122px;margin-top:113px;padding-top:42px}
.links{position:absolute;top:-87px;left:0;width:100%}
.links li{width:25%;float:left;}
.links li img{display:block;width:88.75%;margin:0 auto}
.support{width:100%;font:600 14px/30px 'Microsoft YaHei';color:#fff;text-align:center;}
.support a{color:#fff}
.footnav{width:89.0625%;height:41px;margin:2% auto}
.footnav li{width:20%;float:left}
.footnav li a{display:block;width:87.71%;margin:0 auto;height:39px;border:1px solid #021219;border-radius:5px;background:#062736;text-align:center;font:18px/39px 'Microsoft YaHei';color:#fff;text-shadow:0 0 -1px #000716;}
/* searchbox */
.search{width:95%;left:2.5%;bottom:-42px;position:absolute;background:#dfe0e3;background:-webkit-linear-gradient(top,#dfe0e3,#f7fafe);background:-moz-linear-gradient(top,#dfe0e3,#f7fafe);background:linear-gradient(top,#dfe0e3,#f7fafe);border:1px solid #c0c7dd;border-radius:12px;height:36px;box-shadow:0 3px 6px #cbced8 inset;display:none}
.text{float:left;width:70%;height:36px;border:0;background:none;font:16px/36px 'Microsoft YaHei';color:#363b41;text-indent:1em}
.button{float:left;width:20%;height:36px;border:0;background:url(../images/search.png) center center no-repeat}
/* subpage */
.subtitle{width:100%;height:46px;background:url(../images/borderbg.jpg) 0 center repeat-x;font:18px/46px 'Microsoft YaHei';text-align:center;color:#fff}
.subtitle span{padding:0 5px;background:#041a24}
.subpage{width:96.875%;margin:2% auto;background:#dce8ed;border-radius:12px;padding:10px 0;font:14px/180% 'Microsoft YaHei';color:#333}
.about{width:96%;margin:0 auto;}
.subpage img{display:block;max-width:100%;margin:0 auto;}
/* product */
.classbtn{width:80.625%;margin:2% auto;height:36px;border:1px solid #c27c09;border-radius:4px;position:relative;background:#ffa100;background:-webkit-linear-gradient(top,#ffa100,#ff5600);background:-moz-linear-gradient(top,#ffa100,#ff5600);background:linear-gradient(top,#ffa100,#ff5600);box-shadow:0 0 2px #fff inset;}
.classbtns{width:100%;height:100%;background:url(../images/icons4.jpg) 86% center no-repeat;text-align:center;color:#fff8ef;text-shadow:1px 1px 1px #a65500;font:18px/36px '微软雅黑';}
.class{width:100%;left:0;top:37px;position:absolute;z-index:9;background:#cedbe0;border:1px solid #adbbc7;border-bottom-left-radius:6px;border-bottom-right-radius:6px;padding-bottom:2%;border-top:0;display:none;}
.class li{width:97.6%;height:39px;margin:0 auto;border-bottom:1px solid #ebf4fb;background:url(../images/icons5.jpg) 90% center no-repeat;}
.class li a{display:block;width:100%;height:38px;border-bottom:1px solid #b2c4d3;color:#333;text-indent:1em;}
.class li p{width:86%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/38px '微软雅黑';}
.productul{width:100%;}
.productul li{width:50%;float:left;}
.productul li img{display:block;width:92.1875%;margin:0 auto}
.imgtitle{display:block;width:92.1875%;margin:0 auto 4%;background:#041a24;text-indent:25%;font:14px/30px '微软雅黑';color:#fff;}
/* pages */
.pages{width:276px;height:28px; margin:20px auto;}
.prev{display:block;width:75px;height:28px;float:left; background:url(../images/prevpage.jpg) no-repeat 0 0; text-align:center;font:14px/28px 宋体; color:#fff;text-indent:14px;background-size:100% 100%;}
.prev2{display:block;width:75px;height:28px;float:left; background:url(../images/prevpage.jpg) no-repeat 0 0; text-align:center;font:14px/28px 宋体; color:#999;text-indent:14px;background-size:100% 100%;}
.next{display:block;width:75px;height:28px;float:left; background:url(../images/nextpage.jpg) no-repeat 0 0;font:14px/28px 宋体; color:#fff;text-indent:12px;background-size:100% 100%;}
.next2{display:block;width:75px;height:28px;float:left; background:url(../images/nextpage.jpg) no-repeat 0 0;font:14px/28px 宋体; color:#999;text-indent:12px;background-size:100% 100%;}
.page{width:67px;height:28px;display:block; float:left;margin:0 28px;font:14px/26px 宋体;color:#666;}
.page span{display:block;width:50px;height:28px;margin:0 auto;}
.back{display:block;width:79px;height:32px;text-align:center;font:16px/32px '宋体';color:#fff;margin:10px auto;background:#606060;background:-webkit-linear-gradient(top,#606060,#3a3a3a);background:-moz-linear-gradient(top,#606060,#3a3a3a);background:linear-gradient(top,#606060,#3a3a3a);border:1px solid #151515;box-shadow:0 0 2px #7a7a7a inset;}
/* newsbox */
.newsul2{width:96%;margin:0 auto;}
.newsul2 li{width:100%;height:46px;background:url(../images/border2.jpg) 0 bottom repeat-x;}
.newsul2 li a{display:block;width:100%;background:url(../images/icons6.jpg) 90% center no-repeat;}
.newsul2 li p{width:86%;height:44px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/44px '微软雅黑';color:#4a4a4a;text-indent:0.5em;}
/* view */
.subpage h1{width:100%;font:18px/46px '微软雅黑';color:#333;text-align:center;background:url(../images/border1.jpg) 0 bottom repeat-x;margin-bottom:4%;}
.pageprev{width:96%;height:36px;border:1px solid #a2bdc8;background:#c5d5dc;box-shadow:0 0 2px #cedce2 inset;font:14px/36px '微软雅黑';text-indent:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:2%;color:#1a3256;}
.pageprev a{color:#474b5b;}
.back{display:block;width:116px;height:42px;border:1px solid #071e29;box-shadow:0 0 2px #2380b7 inset;background:#046ba8;background:-webkit-linear-gradient(top,#046ba8,#07517d);background:-moz-linear-gradient(top,#046ba8,#07517d);background:linear-gradient(top,#046ba8,#07517d);font:16px/42px '微软雅黑';color:#fff;}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}
@media all and (max-width:480px){
    .class-box{height:41px;line-height:41px;font-size:14px;}
    .footbg{height:80px;margin-top:60px;padding-top:24px}
    .links{top:-40px;}
    .footnav{height:32px;}
    .footnav li a{height:30px;line-height:30px;}
}