@charset "gb2312";
/* 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; color:#333333;}
fieldset, img {border:0;}
.clear {clear:both;width:100%;}
/* top */
body{background:url(../images/bg.jpg) 0 0 repeat;}
.topbg{width:100%;border-bottom:1px solid #0F164C; background:#63127B;position:relative;}
.logo{display:block;width:51.40625%; padding:5px 0px;margin:0 0 0 4.53125%;}
.logo img{display:block;width:100%;}
.navbtn{position:absolute;right:0;top:12px;height:32px;width:11.40625%;height:32px;}
/* nav */
.nav{width:240px;height:300%;position:fixed;right:-240px;top:0;padding-top:20px;}
.nav li{width:100%;line-height:53px;border-bottom:1px solid #fff;background:url(../images/icons3.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 #afbecb;text-indent:77px;font:16px/52px '΢ÈíÑźÚ';color:#09152d;}
.clicked{}
/* banner */
.big-pic{width:100%; position:relative;border-top:1px solid #071328;}
.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 img{float:left;height:auto; width:100%;display:block;}

.big-pic3 .pic-list{width:400%;}
.big-pic3 .pic-list img{width:25%;}
.slide-dot{width:96%; overflow:hidden;position:absolute;left:2.8125%; bottom:10px; height:20px;}
.slide-dot span{display:inline-block;width:11px;height:11px;border-radius:11px;vertical-align:top; z-index:10;margin:3px 6px 0;float:left;background:#fbfcfc;background:-webkit-linear-gradient(top,#fbfcfc,#a4abb7);background:-moz-linear-gradient(top,#fbfcfc,#a4abb7);background:linear-gradient(top,#fbfcfc,#a4abb7);box-shadow:0 0 3px #0c1f40;}
.slide-dot .slide-dot-cur{z-index:10;vertical-align:top;background:#fbdf41;background:-webkit-linear-gradient(top,#fbdf41,#fbb304);background:-moz-linear-gradient(top,#fbdf41,#fbb304);background:linear-gradient(top,#fbdf41,#fbb304);box-shadow:0 0 3px #0c1f40}
.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;}
.nav2{ width:100%; float:left;  background:#E7E4E4; margin-top:2%;}
.nav2 li{ width:33.3333333%; float:left;border-bottom:1px solid #FFFFFF; text-align:center;font:14px/42px '΢ÈíÑźÚ';} 

/* searchbg */
.searchbg{width:100%;background:url(../images/searchbg.jpg) 0 0 no-repeat;background-size:100% 100%;height:52px;padding-top:7px;}
.search{width:84.0625%;height:43px;background:#080f1e;border-radius:10px;margin:0 auto;border:1px solid #030916;}
.text{float:left;width:70%;height:43px;border:0;background:none;font:16px/43px '΢ÈíÑźÚ';color:#414d65;text-indent:1em;}
.button{float:left;width:20%;height:43px;border:0;background:url(../images/button.jpg) center center no-repeat;}
/* case */
.title1{width:100%;background:#63127B; margin-top:3%; border-bottom:2px solid #666;height:40px; float:left;}
.title1 div{ float:left; color:#fff;}
.title1 p{float:left;font:12px/35px 'Arial'; margin-top:5px;color:#fff;text-transform:uppercase;background:url(../images/bg.jpg) 0 0 repeat;}
.title1 span{ float:left; font:17px/40px '΢ÈíÑźÚ'; text-indent:1em;}
.title1 a{ float:right;font:12px/40px '΢ÈíÑźÚ'; color:#EAD062; margin-right:10px;} 
.caseul{width:100%; float:left; }
.caseul li{width:50%;float:left;margin-top:5%;}
.caseul li img{display:block;width:92%; border:1px solid #CCCCCC;margin:0 auto 3px;}
.pictitle{display:block;width:92%;height:24px; text-indent:1em; background:#E7E4E4; display:block;margin:0 auto;font:13px/24px '΢ÈíÑźÚ';color:#333;}

.newnr{ width:100%; margin:0 auto;}
.newnr li{ width:100%; border-bottom:dashed 1px #CCCCCC; float:left;font:14px/40px '΢ÈíÑźÚ'; color:#999999; text-align:right; }
.newnr li a{ float:left;}

.gywm{ width:96%; margin:10px auto;font:14px/30px '΢ÈíÑźÚ';}
.dianh{ width:100%; float:left;background:#333333; text-align:center; color:#EAD062;font:14px/22px '΢ÈíÑźÚ'; padding:5px 0px;}
/* productbox */
.productbox{width:96%;margin:2% auto;}
.pic1{display:block;width:35.7723%;float:left;}
.pic2{display:block;width:35.6097%;float:left;margin-left:0.162601%;}
.pic3{display:block;width:28.13%;float:left;margin-left:0.162601%;}
.pic1 img,.pic2 img,.pic3 img{display:block;width:100%;}
/* footnav */
.footnav{width:100%;height:42px;background:#1E1F24;margin-top:2%;font:16px/42px '΢ÈíÑźÚ';}
.footnav a{display:block;width:19.5%;float:left;text-align:center;color:#e5f1fb;border-left:1px solid #27334d;border-right:1px solid #0f1727;}
.footbg{width:100%;background:#1E1F24; float:left;padding-bottom:2%;}
.support{width:100%;font:14px/30px '΢ÈíÑźÚ';text-align:center;color:#7f8c9f;}
.support a{color:#7f8c9f;}
.foot{width:100%;}
.foot li{width:25%;float:left;}
.foot li a{display:block; width:65.75%;padding-right:18%;margin:0 auto;height:46px;font:14px/46px '΢ÈíÑźÚ';color:#fff;text-align:right;}
.tel p{background:url(../images/tel.png) 28% center no-repeat;background-size:28px;}
.sms p{background:url(../images/sms.png) 28% center no-repeat;background-size:28px;}
.map p{background:url(../images/map.png) 28% center no-repeat;background-size:22px;}
.share p{background:url(../images/share.png) 28% center no-repeat;background-size:28px;}
/* subpage */
.search2{width:84.0625%;height:43px;background:#080f1e;border-radius:10px;margin:0 auto;border:1px solid #030916;position:absolute;bottom:-38px;left:7.96875%;display:none;}
.topright{position:absolute;right:0;top:12px;height:32px;font:16px/32px '΢ÈíÑźÚ';color:#e2eef8;width:13%;height:32px;border:1px solid #040c1c;border-right:0;box-shadow:0 0 2px #234883 inset;background:#1d3a6f;background:-webkit-linear-gradient(top,#1d3a6f,#0d2758);background:-moz-linear-gradient(top,#1d3a6f,#0d2758);background:linear-gradient(top,#1d3a6f,#0d2758);text-align:center;border-top-left-radius:6px;border-bottom-left-radius:6px;text-shadow:1px 1px 1px #152e5c;min-width:40px;overflow:hidden;}
.searchbtn{height:32px;display:block;margin:0 1%;float:left;}
.navbtn2{float:left;display:block;width:34px;}
.subtitle{background:url(../images/borderbg.jpg) 0 center repeat-x;font:18px/34px '΢ÈíÑźÚ';width:100%;color:#162137;text-align:center;margin:2% auto;}
.subtitle span{background:url(../images/bg.jpg) 0 0 repeat;padding:0 4px;}
.subpage{width:96%;margin:0 auto 20px;font:14px/180% '΢ÈíÑźÚ';color:#333;}
.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:#fdb722;background:-webkit-linear-gradient(top,#fdb722,#f09401);background:-moz-linear-gradient(top,#fdb722,#f09401);background:linear-gradient(top,#fdb722,#f09401);box-shadow:0 0 2px #fff inset;}
.classbtns{width:100%;height:100%;background:url(../images/icons4.jpg) 86% center no-repeat #333333;text-align:center;color:#FFF;font:18px/36px '΢ÈíÑźÚ';}
.class{width:96.52%;left:1.74%;top:37px;position:absolute;z-index:9;background:#E7E4E4;border:1px solid #CCC;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 #CCC;background:url(../images/icons5.jpg) 90% center no-repeat;}
.class li a{display:block;width:100%;height:38px;color:#5f7282;text-indent:1em;}
.class li p{width:86%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/38px '΢ÈíÑźÚ';}

.cpny{ float:left; width:100%; margin-bottom:20px;}
.fy{ width:100%; text-align:center;font:14px/50px '΢ÈíÑźÚ';}
/* 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:#a95a00;text-indent:14px;background-size:100% 100%;text-shadow:1px 1px 1px #f8c367;}
.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%;text-shadow:1px 1px 1px #f8c367;}
.next{display:block;width:75px;height:28px;float:left; background:url(../images/nextpage.jpg) no-repeat 0 0;font:14px/28px ËÎÌå; color:#a95a00;text-indent:12px;background-size:100% 100%;text-shadow:1px 1px 1px #f8c367;}
.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%;text-shadow:1px 1px 1px #f8c367;}
.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:#0F164C;}

/* view */
.subpage h1{width:100%;font:16px/36px '΢ÈíÑźÚ';color:#333;text-align:center;background:#EBEBEB;margin-bottom:4%;}
.pageprev{width:96%;height:36px;border:1px solid #849db1;background:#9eb5c7;box-shadow:0 0 2px #aec1ce inset;font:14px/36px '΢ÈíÑźÚ';text-indent:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-bottom:2%;color:#0f1c27;}
.pageprev a{color:#0f1c27;}

@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}
@media all and (max-width:480px){

.pic2{display:block;width:35.6097%;float:left;margin-left:1px;}
.pic3{display:block;width:28.13%;float:left;margin-left:1px;}
.foot li a{width:75.75%;padding-right:8%;}
.tel p{background:url(../images/tel.png) 8% center no-repeat;background-size:28px;}
.sms p{background:url(../images/sms.png) 8% center no-repeat;background-size:28px;}
.map p{background:url(../images/map.png) 8% center no-repeat;background-size:22px;}
.share p{background:url(../images/share.png) 8% center no-repeat;background-size:28px;}
.topright{width:23.40625%;}
}