@charset "utf-8";

*{margin:0;padding:0;font-family:arial,sans;}

body{background:url("../images/bg.jpg") repeat;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;}
h3,h4{color:#06c;}

#wrapper{width:980px;background:#fff;margin:0 auto 0 auto;padding-top:2px;border-right-style:solid;border-right-color:#090;border-right-width:1px;border-left-style:solid;border-left-color:#090;border-left-width:1px;border-bottom-style:solid;border-bottom-color:#090;border-bottom-width:1px;}

#logo{width:240px;height:106px;position:absolute;z-index:2;}
#logo img{width:100%;border:none;}

#menu{font-size:14px;color:#fff;background:#06c;text-align:right;padding:10px 0;width:72%;height:17px;padding-left:28%;}
#menu a{text-decoration:none;color:#fff;font-weight:bold;float:left;}
#menu a:hover{color:#f72;}
#menu .current{color:#f72;}

#sub-menu{font-size:12px;color:#fff;background:#79b805;text-align:right;padding:5px 0;width:100%;height:12px;margin-bottom:-15px;overflow:hidden;}
#sub-menu a{text-decoration:none;color:#fff;font-weight:bold;float:right;}
#sub-menu a:hover{color:#06f;}
#sub-menu .current{color:#06f;}

#sertb{width:155px;margin-right:5px;margin-top:-5px;height:22px;border-radius:5px;}
#ser{position:absolute;z-index:2;margin:-1px 0 0 -28px;}

#left_panel{margin-top:75px;}
.left_panel{float:left;margin:10px 0 0 10px;width:230px;}
.left_panel img{float:left;border:none;}

#sitrade{position:fixed;top:0;left:0;line-height:0;}

#slider_wrapper{width:740px;height:515px;float:left;margin-top:15px;}

#mid{width:100%;}
#mid a{float:left;border:none;margin:10px 9px;width: 227px; height: 59px;text-align:center;font-weight:bold;color:#fff;text-decoration:none;font-size:22px;padding-top:160px;}
.box-1{background:url("../images/mid/box1.jpg") no-repeat scroll top left;}
.box-2{background:url("../images/mid/box2.jpg") no-repeat scroll top left;}
.box-3{background:url("../images/mid/box3.jpg") no-repeat scroll top left;}
.box-4{background:url("../images/mid/box4.jpg") no-repeat scroll top left;}

#footer{width:100%;background:#06c;height:18px;margin:10px 0 7px 0;padding:8px 0;font-size:14;color:#fff;}
#footer img{margin:-4px 4px 0 0;float:right;}

#msl{font-size:15px;margin-left:15px;}
#msl a{color:#000;text-decoration:none;float:left;margin-left:5px;}
#msl a:hover{text-decoration:underline;}

#mid_wrapper{width:740px;float:left;}
#mid_wrapper p{margin:5px 25px 10px 5px;font-size:14px;}

#con-form-left{float:left;width:38%;font-size:16px;margin-top: 30px;padding-left: 1%;}
#con-form-left div{float:left;width:49%;}
#con-form-right{float:right;width:59%;font-size:14px;}
#con-bt{font-size:18px;font-weight:bold;color:#fff;background:#06c;border-radius:10px 0;width:100px;height:35px}
#con-bt:hover{color:#0ff;background:#09f;border-radius:10px 0;}

#ctb{color:#000;background:#efefef;border-radius:10px 0;width:95%;min-height:30px;}
.ctb_p{color:#000;background:#efefef;border-radius:10px 0;width:100%;min-height:30px;}

#itext{outline:medium none;margin-top:0px;padding:10px 5px 10px 32px;border:1px solid rgb(178, 178, 178);-moz-box-sizing: content-box;border-radius: 3px 3px 3px 3px;box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;transition: all 0.2s linear 0s;text-align: left;width: 350px;}
#itext_f{outline:medium none;margin-top:0px;padding:10px 5px 10px 32px;border:1px solid rgb(178, 178, 178);-moz-box-sizing: content-box;border-radius: 3px 3px 3px 3px;box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;transition: all 0.2s linear 0s;text-align: left;width: 350px;}


#title{font-size:30px;font-weight:bold;color:#06c;margin:30px 0 0 245px;}

#product{float:left;margin:10px 3px;width:238px;height:310px;text-align:center;box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6);position:relative;}
#product p,h4{float:left;margin:10px 0 5px 0;}
#product img{box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6);max-width: 94%;}
#product span{margin:10px;color:#06c;font-weight:bold;position:absolute;left:0;bottom:0;}

#product-prev{float:left;margin:10px 3px;width:728px;text-align:left;box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6);}
#product-prev p,h4,h3{width:100%;margin:0px 0 5px 0;}
#product-prev span{width:45%;margin:5px 0;color:#06d;font-size:15px;font-weight:bold;float:left;}
#product-prev img {float:left;margin: 5px 10px;}
#product-prev div {float:right;margin: 5px 10px;padding: 0 10px;}
.view{margin:10px 12px 9px 0;color:#fff;padding:1px 7px;font-size:15px;font-weight:bold;background:#06b repeat scroll top left;border-radius:5px;text-decoration:none;position:absolute;bottom:0;right:0;}
.view:hover{color:#fff;background:#17f}
.view2{margin:10px 12px 9px 0;color:#fff;padding:1px 7px;font-size:15px;font-weight:bold;background:#06b repeat scroll top left;border-radius:5px;text-decoration:none;float:right;}
.view2:hover{color:#fff;background:#17f}

#ptb{color:#000;background:#efefef;border-radius:10px 0;width:50px;min-height:20px;text-align:right;}
#p-bt{font-size:15px;color:#fff;background:#06c;border-radius:10px 0;height:25px}
#p-bt:hover{color:#0ff;background:#09f;border-radius:10px 0;}

#cat{float:left;margin:5px 0px;width:220px;text-align:center;box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6);padding-top:10px;height:30px;text-decoration:none;}

#car-bt{font-size:15px;font-weight:bold;color:#fff;background:#06c;border-radius:10px 0;height:30px}
#car-bt:hover{color:#0ff;background:#09f;border-radius:10px 0;}

#num{width:18px;height:20px;border-radius:20px;background:#06c;color:#fff;font-weight:bold;text-align:center;font-size:20px;}

.proc-prev{width:100%;text-align:left;box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6);}
.proc-prev p,h4,h3{width:100%;margin:0px 0 5px 0;}

#small-img{text-align:center;}
#small-img img{max-height:100%;max-width:100%;}

#sep_f{width:10px;text-align:center;float:left;margin-left:5px;}
#sep_m{width:25px;text-align:center;float:left;margin-left:5px;}
#sep_s{width:25px;text-align:center;float:right;margin-left:5px;}

.lg_tbl td{padding:10px;}

#uvideo{width:705px;height:397px;margin:12px;}

@media screen and (max-width:980px){
	#wrapper{width:752px;}
	#menu{width:517px;float:right;clear:both;height:62px;color:#06c;}
	#menu a{width:150px;float:left;text-align:center;padding:5px;border:1px solid rgb(255, 255, 255);margin:2px 5px;}
	#sub-menu{margin-top:82px;padding:6px 0;}
	.left_panel{width:99%;margin:75px 0px 0px;}
	.left_panel img{width:147px;}
	#left_panel{margin-top:25px;}
	#slider_wrapper{float:none;margin:0px auto;overflow:hidden;position:relative;}
	#sertb{margin-top:5px;width:160px;}
	#ser{margin-top:8px;}
	#title{margin:30px 0px -60px 5px;}
	#con-form-left{margin-top:75px;}
	#con-form-right{margin-top:75px;}
	#cat{margin:5px 1%;width:31%;}

	#sep_m{width:0px;height:0;overflow:hidden;display:none;}
}

@media screen and (max-width:767px){
	#wrapper{width:584px;}
	#menu{height:86px;width:345px;}
	#menu a{width:150px;}
	#sub-menu{margin-top:106px;padding:12px 0;}
	.left_panel{width:100%;margin:24px 0 0 0;}
	.left_panel img{width:115px;}
	#slider_wrapper{width:580px;height:404px;}	
	#sertb{margin-right:6px;margin-top:3px;width:146px;width:160px;}
	#ser{margin-top:6px;margin-left:-30px;}
	#mid .box-1{margin-left:55px;}
	#mid .box-3{margin-left:55px;}
	#title{margin-bottom:-25px;}
	#cat{width:47.5%;}
	#con-form-left{width:100%;}
	#con-form-right{width:100%;margin-top:2px;}
	#mid_wrapper{width:99%;}
	#product-prev{width:99.9%;}
	#itext_f{width:315px;}
	#uvideo{width:566px;height:318px;margin:5px;}
}

@media screen and (max-width:599px){
	#wrapper{width:552px;}
	#menu{width:312px;}
	#menu a{width:132px;}
	.left_panel img{width:110px;}
	#slider_wrapper{width:548px;height:381px;}	
	#sertb{margin-right:8px;width:142px;}
	#title{margin-bottom:-25px;}
	#con-form-left{width:99%;}
	.lg_tbl td{padding:5px;}
	#itext_f{width:280px;}
	#mid .box-1{margin-left:50px;}
	#mid .box-3{margin-left:50px;}
	#uvideo{width:536px;height:302px;}
}

@media screen and (max-width:567px){
	#wrapper{width:464px;}
	.left_panel{width:100%;margin:24px 0 0 0;}
	#menu{padding-left:100%;}
	.left_panel img{width:92px;}
	#logo{height:auto;width:150px;}
	#slider_wrapper{width:460px;height:320px;}
	#con-form-left{width:98%;}
	#itext_f{width:200px;}
	#mid .box-1{margin-left:2px;}
	#mid .box-3{margin-left:2px;}
	#mid a{margin:10px 2px;}
	.lg_tbl{width:90%;}
	#itext{width:100%;}
	#uvideo{width:450px;height:304px;margin:4px;}
}

@media screen and (max-width:479px){
	#wrapper{width:368px;}
	#logo{width:240px;margin:0px auto -106px;position:relative;}
	#menu{padding-left:0;padding-top:120px;width:100%;}
	#menu a{width:160px;}
	#slider_wrapper{width:360px;height:251px;}
	.left_panel img{width:73px;}
	#sertb{width:170px;}
	#mid .box-1{margin-left:75px;}
	#mid .box-2{margin-left:75px;}
	#mid .box-3{margin-left:75px;}
	#mid .box-4{margin-left:75px;}
	#footer{height:60px;}
	#footer span{width:90%;}
	#footer a{margin:20px 22px;float:right;}
	#msl{width:90%;padding:5px 0;}
	#itext_f{width:105px;}
	#cat{width:97%;}
	#uvideo{width:355px;height:200px;}
}

@media screen and (max-width:383px){
	#wrapper{width:304px;}
	#menu{height:190px;}
	#menu a{width:268px;margin-left:13px;}
	#sep_s{width:0px;height:0px;overflow:hidden;}
	#sub-menu{height:70px;}
	#sub-menu a{float:left;width:129px;border:1px solid #fff;margin:5px;padding:5px;text-align:center;}
	#sertb{width:279px;margin-right:10px;}
	#ser{margin-left:-33px;}
	#slider_wrapper{width:300px;height:209px;}
	.left_panel img{width:60px;}
	#mid .box-1{margin-left:40px;}
	#mid .box-2{margin-left:40px;}
	#mid .box-3{margin-left:40px;}
	#mid .box-4{margin-left:40px;}
	#footer a{margin:20px 15px;}
	#msl{width:87.5%;}
	.lg_tbl{width:85%;}
	.lg_tbl td{padding:3px;}
	#itext_f{width:255px;margin:5px;}
	#sitrade{position:relative;}
	#product-prev{width:99%;}
	#car-bt{margin:5px;}
	#uvideo{width:294px;height:165px;margin:2px;}
}

@media screen and (max-width:319px){
	#wrapper{width:224px;}
	#logo{width:220px;}
	#menu{height:190px;}
	#menu a{width:190px;margin-left:10px;}
	#sub-menu{height:135px;}
	#sub-menu a{width:200px;}
	#sertb{width:201px;margin-right:11px;}
	#ser{margin-left:-34px;}
	.left_panel img{width:44px;}
	#slider_wrapper{width:220px;height:153px;}
	#mid .box-1{margin-left:0px;width:220px;overflow:hidden;}
	#mid .box-2{margin-left:0px;width:220px;overflow:hidden;}
	#mid .box-3{margin-left:0px;width:220px;overflow:hidden;}
	#mid .box-4{margin-left:0px;width:220px;overflow:hidden;}
	#footer{font-size:12.6px;}
	#footer a{margin:20px 2px;}
	#msl{width:83.5%;font-size:14px;}
	.lg_tbl{width:85%;}
	.lg_tbl td{padding:0;}
	#itext_f{width:175px;}
	#itext{width:88px;}
	#product{width:220px;}
	#uvideo{width:216px;height:162px;margin:1px;}	
}