@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;width:100%;}
/* top */
body{background:url(../images/bg.jpg) 0 0 repeat;}
.topbg{width:100%;background:url(../images/topbg.jpg) 0 0 repeat-x;background-size:21px 100%;position:relative;}
.logo{display:block;width:46.09375%;margin:0 auto;padding:24px 0 26px;}
.logo img{display:block;width:100%;}
.searchbtn{position:absolute;left:1.5625%;top:20px;width:11.25%;display:block;}
.navbtn{position:absolute;right:1.5625%;top:20px;width:14.375%;display:block;}
.search{width:95%;height:38px;position:absolute;left:2.5%;bottom:-27px;border-radius:38px;border:1px solid #aeaeae;background:#e8e7e7;background:-webkit-linear-gradient(top,#e8e7e7,#fefefe);background:-moz-linear-gradient(top,#e8e7e7,#fefefe);background:linear-gradient(top,#e8e7e7,#fefefe);box-shadow:0 2px 3px #b2b1b1 inset;overflow:hidden;display:none;z-index:99;}
.text{float:left;width:70%;height:38px;border:0;background:none;text-indent:1em;font:16px/38px '微软雅黑';color:#606263;}
.button{float:left;width:20%;height:38px;border:0;background:url(../images/button.png) center center no-repeat;}
.banner{width:100%;}
.banner img{display:block;width:100%;}
/* nav */
.nav{width:240px;height:300%;position:fixed;right:-240px;top:0;box-shadow:4px 0 6px #c3c3c3 inset;padding-top:20px;}
.nav li{width:100%;line-height:53px;border-bottom:1px solid #f8f8f8;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:#fff;background:url(../images/icons.jpg) 50px 26px no-repeat;text-shadow:1px 1px 1px #0046b0;}
.nav li a{display:block;width:100%;height:52px;border-bottom:1px solid #cbcbcb;text-indent:77px;font:16px/52px '微软雅黑';color:#2f2f2f;text-shadow:1px 1px 1px #efefef;}
.clicked{}
/* content */
.title1{width:165px;height:30px;background:url(../images/titlebg1.jpg) 0 0 no-repeat;background-size:100% 100%;margin:10px auto;}
.title1 p,.title2 p{width:100%;height:100%;background:url(../images/icons1.png) 58% center no-repeat;color:#fff;font:600 14px/30px '微软雅黑';text-indent:10%;background-size:20px;}
.title2{width:165px;height:30px;background:url(../images/titlebg2.jpg) 0 0 no-repeat;background-size:100% 100%;margin:10px auto;}
.product{width:100%;}
.product li{width:50%;float:left;}
.product li img{display:block;width:81.875%;margin:0 auto;padding:4px;background:#000;margin-bottom:2px;}
.product li:nth-child(2n+1){clear:both;}
.picname{display:block;width:81.875%;margin:0 auto 10px;padding:4px;font:600 14px/20px '微软雅黑';text-align:center;background:#000;color:#fff;}
.title3{width:100%;height:40px;background:url(../images/titlebg3.jpg) 0 0 no-repeat;background-size:100% 100%;margin:10px auto;}
.title3 p{width:165px;height:40px;background:url(../images/icons1.png) 68% center no-repeat;color:#fff;font:600 14px/40px '微软雅黑';text-indent:20px;margin:0 auto;background-size:20px;}
.title3 p a,.title2 a,.title1 a{color:#fff;}
.con3{width:100%;}
.con3 li{width:50%;float:left;}
.imgbox{display:block;width:90.625%;border:1px solid #fff;box-shadow:4px 4px 4px #424141;margin:0 auto 15px;position:relative;}
.imgbox img,.imgbox2 img,.imgbox3 img{display:block;width:100%;}
.imgbox p{position:absolute;z-index:9;width:102%;height:24px;background:rgba(0,0,0,.8);left:-1px;bottom:-1px;font:600 14px/24px '微软雅黑';text-indent:1em;color:#fff; overflow:hidden;}
.con3right{width:58.125%;position:relative;float:right;margin-right:9.375%;}
.imgbox2{position:relative;display:block;width:100%;z-index:20;border:1px solid #fff;box-shadow:2px 2px 2px #424141;}
.imgbox3{position:absolute;display:block;width:100%;z-index:9;left:-50%;bottom:-55%;border:1px solid #fff;box-shadow:2px 2px 2px #424141;}
/* foot */
.footnav{width:100%;height:38px;background:url(../images/navbg.jpg) 0 0 no-repeat;background-size:100% 100%;margin:3% auto 2%;}
.footnav a{display:block;float:left;width:20%;text-align:center;font:600 14px/38px '微软雅黑';color:#5c5d5d}
.support{width:100%;text-align:center;font:14px/30px '微软雅黑';color:#2f2f2f;}
.support a{color:#2f2f2f;margin:0 3px;}
.foot{width:100%;height:69px;background:url(../images/footborder.jpg) 0 0 repeat-x #121212; overflow:hidden;}
.foot a{display:block;width:24%;height:69px;float:left;text-align:center;font:14px/109px '微软雅黑';color:#fff;}
.foot a.tel{background:url(../images/tel.jpg) center 8px no-repeat;border-right:1px solid #050505;background-size:26px;color:#eb6100}
.sms{background:url(../images/sms.jpg) center 8px no-repeat;border-right:1px solid #050505;border-left:1px solid #222;background-size:30px;}
.map{background:url(../images/map.jpg) center 8px no-repeat;border-right:1px solid #050505;border-left:1px solid #222;background-size:26px;}
.share{background:url(../images/share.jpg) center 8px no-repeat;border-left:1px solid #222;background-size:32px;}
/* subtitle */
.subshadow{display:block;width:100%;}
.subtitle{width:100%;margin:2% auto;position:relative;}
.titlename{float:left;width:158px;height:30px;background:url(../images/subtitle.jpg) 0 0 no-repeat;background-size:100% 100%;margin-bottom:10px;}
.titlename p{width:100%;height:100%;background:url(../images/icons1.png) 82px center no-repeat;background-size:20px;font:600 16px/30px '微软雅黑';text-indent:10px;color:#fff;}
.classbtn{float:right;margin:0 2.5% 10px 0;background:url(../images/classbtn.jpg) 0 0 no-repeat;width:120px;height:32px;background-size:100% 100%;font:600 16px/32px '微软雅黑';text-indent:8px;color:#ff6600;text-shadow:1px 1px 1px #ffeadb;}
.class{width:95.3125%;left:2.34375%;top:40px;position:absolute;z-index:8;display:none;}
.class li{width:100%;height:36px;background:#ffb582;background:-webkit-linear-gradient(top,#ffb582,#ffe2cf);background:-moz-linear-gradient(top,#ffb582,#ffe2cf);background:linear-gradient(top,#ffb582,#ffe2cf);margin-bottom:2px;border-radius:3px;overflow:hidden;border:1px solid #ffb380;}
.class li a{display:block;width:100%;height:100%;background:url(../images/icons1.png) 90% center no-repeat;font:14px/36px '微软雅黑';color:#ff6600;text-indent:1em;}
/* pages */
.pages{width:236px;height:28px; margin:20px auto;}
.prev{display:block;width:80px;height:28px;float:left;text-align:center;font:600 14px/28px 宋体; color:#5c5d5d;text-align:center;background:url(../images/page.jpg) 0 0 no-repeat;background-size:100% 100%;}
.next{display:block;width:80px;height:28px;float:left;font:600 14px/28px 宋体; color:#5c5d5d;text-align:center;background:url(../images/page.jpg) 0 0 no-repeat;background-size:100% 100%;}
.pages span{display:block;width:70px;height:28px;margin:0 auto;float:left;text-align:center;font:16px/28px '微软雅黑';color:#5c5d5d;}
/* newsul */
.newsul{width:96.5625%;margin:15px auto 10px;border:1px solid #d4d4d4;border-bottom:0;}
.newsul li{width:100%;height:44px;border-top:1px solid #fff;border-bottom:1px solid #d4d4d4;background-image:-moz-linear-gradient(center top , #ebe6e1, #faf9f8);background-image: -moz-linear-gradient(top, #ebe6e1, #faf9f8);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebe6e1), to(#faf9f8));background-image: -webkit-linear-gradient(top, #ebe6e1, #faf9f8);background-image: -o-linear-gradient(top, #ebe6e1, #faf9f8);background-image: linear-gradient(top, #ebe6e1, #faf9f8);margin-bottom:2px;}
.newsul li p{width:100%;height:44px; background:url(../images/icons3.png) 94% center no-repeat;}
.newsul li p a{display:block;width:86%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/44px 宋体; color:#6d6d6d;}
/* subpage */
.subpage{width:96%;margin:2%;font:14px/180% '微软雅黑';color:#393939;}
.subpage img{display:block;max-width:100%;margin:10px auto;}
.subpage h1{margin:0;font:18px/50px '微软雅黑';color:#393939;width:100%;text-align:center;border-bottom:1px dashed #b3b3b3;margin-bottom:8px;}
.page{width:100%;height:32px;border:1px solid #b1b1b1;background:#dfdfdf;box-shadow:0 0 2px #efefef inset;color:#393939;text-indent:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block;margin-bottom:2px;}
.back{display:block;width:101px;height:36px;border:1px solid #c6c6c6;border-radius:3px;margin:10px auto;text-align:center;box-shadow:0 0 2px #fff inset;background:#fafafa;background:-webkit-linear-gradient(top,#fafafa,#dcdcdc);background:-moz-linear-gradient(top,#fafafa,#dcdcdc);background:linear-gradient(top,#fafafa,#dcdcdc);color:#5c5d5d;font:600 14px/36px '微软雅黑';}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}
@media all and (max-width:480px){
.searchbtn{position:absolute;left:1.5625%;top:16px;width:16.25%;display:block;}
.navbtn{position:absolute;right:1.5625%;top:18px;width:19.375%;display:block;}
}