/* css document */
/*	
copyright 2006 sanyun inc.
common css	waney kflulu@hotmail.com
$revision: beta $ 界面设计制作--家有懒妻 QQ63622719
*/

*{
	padding:0;
	margin:0;
}
html,body { height:100%; } /* for ff */
*,html,div,ul,li,ol,span,font  a:link{
	color:#000;
	font-weight: normal;
	text-decoration: none; font-size:12px;
	
}
a:visited {
	color:#000;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color:#FF0000;
	font-weight: normal;
	text-decoration: none;
}
 a:active {
    color:#000;
	font-weight: normal;
	text-decoration: none;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	line-height:25px;
	font-size:14px;
	background-color: #FFFFFF;
	background-image: url(../images/bj.jpg);
	background-repeat: repeat-x;	
}
.cl {
	zoom:1;
}
img { border:0px;}
strong { font-weight:bold;}
h1 { font-weight:bold; font-size:18px; color:#000000; width:100%; text-align:center;}
ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px; list-style:none; } 
input { border:1px solid #C7C7C7; padding:1px;}

.clear{height:10px;overflow:hidden;clear:both;}

.text {
	clear:right;line-height:23px; text-align:left; color:#333; padding:10px; font-family:Arial, Helvetica, sans-serif; line-height:30px;/**/
}
.text p { }
.text h1{font-size:12px; display : inline; color:#990000;}
.text input { padding:5px; width:200px;}
.text td { padding-top:10px;} 

.map {
	float:left;
	margin:5px;
	padding:2px; margin-top:10px;
}
.i-tj { clear:both; width:100%;position:absolute;   z-index:8; background:url(../images/i-tj.png) top center no-repeat; height:238px; top:600px;}
.i-gd { width:1200px; margin:0 auto;}
.i-gd li { float:left; width:45px;}
.i-gd li td { width:260px; text-align:center; padding:20px 5px;}
.i-gd li td img{ width:222px; height:144px;}
.an-r { float:left; padding-top:90px;}
.an-r a { display:block; background:url(../images/r-1.jpg) center center no-repeat; width:31px; height:50px;}
.an-r a:hover{ display:block; background:url(../images/r.jpg) center center no-repeat; width:31px; height:50px;}

.fullSlide{width:100%;position:absolute;height:583px; clear:both; top:97px; z-index:6;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:583px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:583px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center; padding-left:700px;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#fff;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

.main {
	width:1230px; 
	margin:0 auto; 
	overflow:hidden;
	
}
.b-product { clear:both; width:100%;height:583px; clear:both; background:url(../images/b-product.jpg) top center no-repeat; height:363px; left:0px;}
.b-about { clear:both; width:100%;height:583px; clear:both; background:url(../images/b-about.jpg) top center no-repeat; height:363px; left:0px;}
.b-downl { clear:both; width:100%;height:583px; clear:both; background:url(../images/b-downl.jpg) top center no-repeat; height:363px; left:0px;}
.b-video { clear:both; width:100%;height:583px; clear:both; background:url(../images/b-video.jpg) top center no-repeat; height:363px; left:0px;}
.b-news { clear:both; width:100%;height:583px; clear:both; background:url(../images/b-news.jpg) top center no-repeat; height:363px; left:0px;}
.b-contact { clear:both; width:100%;height:583px; clear:both; background:url(../images/b-contact.jpg) top center no-repeat; height:363px; left:0px;}

.dqwz { clear:both; width:1200px; margin:0 auto; text-align:left; color:#A599B1; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.dqwz a { color:#A599B1;}

.i-cp { clear:both; width:100%; padding-top:30px; }
.i-cp ul { width:1200px; margin:0 auto;}
.i-cp li { float:left; width:400px;  text-align:center;}
.i-cp li img { width:380px; }
.i-cpt { clear:both; width:750px; margin:0 auto; padding-top:20px;}
.i-cpt li { float:left; width:230px; margin-right:20px;}
.i-cpt li a{ background:#EFEDEE; display:block; height:40px; line-height:40px; text-align:center;}
.i-cpt li a:hover { background:#3399FE; color:#FFFFFF;}

.i-about { clear:both; width:100%; background:url(../images/i-about.jpg) no-repeat; height:424px; padding-top:95px;}
.i-about ul { width:1140px; margin:0 auto;}
.i-about li { float:left; text-align:left; line-height:30px; font-size:16px;font-family:'Microsoft Yahei'; color:#FFFFFF; width:530px;}
.i-about li p { color:#FFFFFF;} 
.i-ys { clear:both; text-align:center; width:100%;}

.i-box{ clear:both; width:100%; height:347px; background:url(../images/i-box.jpg) top center no-repeat; padding-top:30px;}


.pic { clear:both; text-align:center;}

.kk { border:1px solid #CBCBCB; padding-bottom:10px; overflow:hidden;}

.i-ly { clear:both; width:580px;}
.i-ly td { padding-top:10px; color:#FF0000;}
.i-ly input { border:1px solid #ccc;border-radius:5px; padding:10px; color:#666666; text-align:left; width:220px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.lya { border:1px solid #ccc;border-radius:5px; padding:10px; color:#666666; text-align:left; width:420px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}


.p-ly { clear:both; width:1200px;}
.p-ly td { padding-top:10px; color:#FF0000;}
.p-ly input { border:1px solid #ccc;border-radius:5px; padding:20px; color:#666666; text-align:left; width:500px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.ply { border:1px solid #ccc;border-radius:5px; padding:10px; color:#666666; text-align:left; width:1120px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.ly-tit { clear:both; text-align:left; font-size:22px; padding-top:30px; padding-bottom:25px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

.i-product { clear:both; width:1000px; margin:0 auto;}
.i-product ul { float:left; margin:10px; background:url(../images/cpbj.jpg) no-repeat; padding:5px; width:220px; height:224px;}
.i-product li { clear:both; text-align:center;}
.i-product li a {color:#fff; font-weight:bold;}
.i-product li a:hover { text-decoration:underline;}
.i-product li img { width:211px; height:168px; background:#FFFFFF; padding:1px;}

.i-tit { clear:both; text-align:center; padding-top:30px;}
.i-tjcp { clear:both; width:1160px; margin:0 auto; padding-top:30px;}
.i-tjcp li { float:left; width: 580px; text-align:center;}
.i-tjcp .tj1 a{ display:block; background:url(../images/tj1.jpg) no-repeat; width:560px; height:307px;}
.i-tjcp .tj1 a:hover{ display:block; background:url(../images/tj1-1.jpg) no-repeat; width:560px; height:307px;}
.i-tjcp .tj2 a{ display:block; background:url(../images/tj2.jpg) no-repeat; width:540px; height:307px;}
.i-tjcp .tj2 a:hover{ display:block; background:url(../images/tj2-1.jpg) no-repeat; width:540px; height:307px;}

.i-tjcp .tj3 a{ display:block; background:url(../images/tj3.jpg) no-repeat; width:565px; height:312px;}
.i-tjcp .tj3 a:hover{ display:block; background:url(../images/tj3-1.jpg) no-repeat; width:565px; height:312px;}
.i-tjcp .tj4 a{ display:block; background:url(../images/tj4.jpg) no-repeat; width:543px; height:313px;}
.i-tjcp .tj4 a:hover{ display:block; background:url(../images/tj4-1.jpg) no-repeat; width:543px; height:313px;}

.i-tit1 { clear:both; background:url(../images/tit-bj.jpg) bottom repeat-x; height:35px; line-height:35px; color:#93AF69; font-family:'Microsoft Yahei'; font-size:18px; padding-left:5px; padding-bottom:5px;}
.i-tit1 span { float:right;}
.i-tit1 span a{ color:#92B864;}
.i-tit1 span a:hover { text-decoration:underline;}


#ztbox {width:1240px; height:560px; margin:0 auto; clear:both; padding-top:20px;}
#ztbox #left { width:35px; height:63px; float:left; cursor:pointer;background:url(../images/banner_pre.jpg) no-repeat; margin-top:140px;}
#ztbox #right{ width:35px; height:63px; float:left; cursor:pointer;background:url(../images/banner_next.jpg) no-repeat;  margin-top:140px;}
#ztbox #conter { width:1140px; height:555px; float:left; display:inline; overflow:hidden; position:relative; margin:0px 10px;}
#ztbox #conter ul { width:auto; height:555px; top:0px; left:0px; position:absolute; overflow:hidden;}
#ztbox #conter li { width:1140px; height:555px; float:left;padding:0px 5px; position:relative;}
#ztbox #conter li img { width:267px; height:357px;}
#ztbox #scroll { width:1140px; height:18px; left:0px; bottom:8px; cursor:pointer; position:absolute;  }
#ztbox #scroll span { width:48px; height:18px; left:0px; bottom:0px; cursor:pointer; position:absolute; background:#fff; }
.sp1 { float:left; width:690px;}
.sp2 { float:left; padding-left:10px; width:410px; height:240px;}

.i-zz { clear:both; width:1260px; margin:0 auto;}
.i-zz td { padding:10px;}
.i-zz td img { width:230px; height:330px; }
.i-zz td a { display:block;border:1px solid #dadada; padding:3px; background:#FFFFFF;}
.i-zz td a:hover { display:block; border:1px solid #666; padding:3px; background:#FFFFFF;}
.i-news { clear:both; width:100%; background:#EFEFEF; overflow:hidden;}

.pica{width:260px;height:260px;display:table;text-align:center; clear:both; margin:0 auto;   overflow:hidden; border:1px solid #dadada;}
.pica span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.pica img {width: expression(this.width > 260? 260: true); max-width: 260px; height: expression(this.height > 260 ? 260: true); max-height: 260px;}

.picb{width:160px;height:180px;display:table;text-align:center; clear:both; margin:0 auto; background:#FFFFFF; margin-bottom:10px;}
.picb span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.picb img {width: expression(this.width > 150? 150: true); max-width: 150px; height: expression(this.height > 170 ? 170: true); max-height: 170px;}



.left { float:left; width:230px; padding-top:10px;}
.left-news { clear:both; height:200px;background:#186DC8;}
.left-news li { height:32px; line-height:30px; padding-left:10px; width:210px; white-space: nowrap;text-overflow:ellipsis;  overflow:hidden;}
.left-news li a { color:#FFFFFF;}
.left-news li a:hover { text-decoration:underline;}

.left-tit { clear:both; background:#E86F6F; color:#FFFFFF; text-align:center;  height:70px; line-height:70px;font-family:'Microsoft Yahei'; font-size:16px;}
.left-tit span{ float:right; padding-right:20px;}
.left-tit a:link , .left-tit a:visited {  color:#000; padding-left:5px;}
.left-bottom { clear:both;background:url(../images/left-bottom.jpg) no-repeat; height:21px; line-height:21px;}

.left-fl { overflow:hidden; }
.left-fl ul {clear:both; padding-top:20px;padding-bottom:20px;   }
.left-fl li { clear:both; width:226px; text-align:left; height:40px; line-height:40px; padding-top:1px;}
.flxx { clear:both;}
.flxx dt { clear:both; text-align:left; padding-left:40px; line-height:25px;}
.flxx dt a { color:#FFFFFF;}

.l-a a { font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#FFFFFF; display:block; padding-left:20px;}
.l-a a:hover { display:block; color:#FFFFFF;background:#E86F6F;}

.l-b a {font-family:Arial, Helvetica, sans-serif;  font-size:14px; background:#E86F6F; color:#ffffff; display:block; padding-left:20px; }
.l-b a:hover { display:block; color:#FFFFFF;background:#E86F6F;}


.right { float:RIGHT; margin-left:20px; width:960px; padding-top:10px;}
.r-bottom { clear:both;background:url(../images/r-bottom.jpg) no-repeat; height:17px; line-height:17px;}
.i-right { float:left; width:232px; }

.wzgg { float:left; margin-left:8px; height:207px;}
.wzgg ul { }
.wzgg li { clear:both; float:left;  padding-left:10px; width:200px; text-align:left; line-height:22px;}



.right-tit { clear:both; background:url(../images/r-tit.jpg) no-repeat; text-align:left; line-height:38px; height:38px; padding-left:30px; font-family:'Microsoft Yahei'; font-size:16px; color:#000066;}
.right-tit font { color:#15487F;}
.right-tit span { float:right; padding-right:20px;}
.about { margin:0 auto; clear:both; width:1200px; padding-top:30px;}
.about h1 { text-align:center; font-size:26px; padding-top:8px; padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.a-left { float:left; width:530px; text-align:left;}
.a-right { float:left; width:630px; padding-left:30px; text-align:left; line-height:25px; font-size:16px; font-family:Arial, Helvetica, sans-serif;} 

.about .text { font-family:'Microsoft Yahei'; font-size:14px; line-height:30px;}
.text td { padding:5px; font-size:14px;font-family:'Microsoft Yahei';}
.r-fl { clear:both;}
.r-fl li{ width:315px; text-align:center; height:240px; float:left}
.r-fl li img { width:310px; height:215px;}

.news {clear:both; border-bottom:1px solid #ccc; padding-bottom:20px; padding-top:20px; overflow:hidden;}
.news ul { float:left; width:220px; text-align:left;}
.news ul img { width:220px; height:180px;}
.news dl { float:left; width:900px; padding-left:20px;}
.news dt { clear:both; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#000000; }
.news dd span { color:#333333;}
.news dd { clear:both; text-align:left; height:30px; line-height:30px; color:#878787; font-size:16px;}

.product { float:left;  overflow:hidden; border:1px solid #E1E1E1; height:210px; width:450px; margin-left:20px; margin-top:20px;}
.product dl { float:left; width:210px;}
.product dl img { width:200px; height:200px; margin:5px; }
.product dt { clear:both; width:240px; border-bottom:1px solid #E1E1E1; padding-left:10px; height:35px; line-height:35px; font-weight:bold; font-family:'Microsoft Yahei'; font-size:14px;}
.product dd { clear:both; padding-top:10px; padding-left:10px; line-height:30px;font-family:'Microsoft Yahei'; font-size:14px;}


.productlb { clear:both;}
.productlb ul { float:left; width:315px; height:310px;}
.productlb li { clear:both; color:#666;}
.productlb li strong { font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.productlb li img { width:300px; height:200px; border-bottom:5px solid #E86F6F; padding-bottom:10px;}

.productlbb { clear:both;}
.productlbb ul { float:left; width:240px; height:260px;}
.productlbb li { clear:both; color:#666;}
.productlbb li strong { font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.productlbb li img { width:230px; height:180px; border-bottom:5px solid #E86F6F; padding-bottom:10px;}

.productlcc { clear:both;}
.productlcc ul { float:left; width:300px; height:310px;}
.productlcc li { clear:both; color:#666; text-align:center;}
.productlcc li strong { font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.productlcc li img { width:270px; height:200px; border:2px solid #E86F6F; padding-bottom:10px;}


.download { clear:both; margin:40px auto; border:1px solid #CCCCCC; padding:15px; width:1100px; overflow:hidden}
.download li{ float:left; width:90px; padding-left:30px; height:40px; line-height:40px;}
.download li a { font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.download li a:hover { color:#FF0000;}
.tit { clear:both; padding-top:30px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:26px; font-weight:bold;}

.productlc { clear:both;}
.productlc li { float:left; width:300px; text-align:center; margin:5px 10px; line-height:25px; overflow:hidden;}
.productlc li img { width:295px; height:295px; border:1px solid #dadada; padding:3px;}


.tjcp { clear:both;  overflow:hidden; width:720px;}
.tjcp ul{ clear:both;}
.tjcp li { float:left; width:130px;   margin:10px 5px;}
.tjcp li img { width:120px; height:120px;}


.picc{width:160px;height:160px;display:table;text-align:center; clear:both; margin:0 auto; background:#FFFFFF;}
.picc span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.picc img {width: expression(this.width > 150? 150: true); max-width: 150px; height: expression(this.height > 160 ? 160: true); max-height: 160px;}


.r-product { width:230px;  border-left:1px solid #CBCBCB; border-right:1px solid #CBCBCB; }
.r-product ul { background:url(../images/r-line.jpg) bottom no-repeat; padding-top:10px; height:137px; }

.r-product li{ float:left; line-height:22px; text-align:left; width:100px; padding-left:10px;}
.r-product li img { width:100px; height:110px; border:1px solid #CCCCCC;}

.yqlj { width:100%; margin:0 auto; height:48px;  background:url(../images/yqlj.jpg) repeat-x;}
.yqlj ul { width:1000px; margin:0 auto;}
.yqlj li { float:left; padding-right:10px; line-height:25px;}

.product-xx { clear:both; text-align:center; padding:10px; width:912px; overflow:hidden; padding-top:30px; margin-top:20px;}
.product-xx img { border:1px solid #CCCCCC; background:#FFFFFF; padding:2px;}

.news-xx { width:1100px; line-height:25px; padding:10px; text-align:left; margin:0 auto;}
.news-xx h1 {  padding-top:20px; padding-bottom:10px; font-size:26px; padding-bottom:30px;}
.sm { clear:both; text-align:center; border:1px solid #ccc;;border-radius:5px; background:#FAFAFA; overflow:hidden; font-size:16px; height:35px; color:#999; line-height:30px;}


.product-nav { float:left; width:640px; padding-top:30px;}

.product-text { clear:both; color:#666666; padding-bottom:30px; border-bottom:3px solid #E86F6F;}
.product-text strong { font-size:22px; color:#666666;font-family:'Microsoft Yahei';}
.product-text span { color:#666666; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.product-text img { width:98%;}
.product-cs { float:left; width:480px; padding-left:30px;}
.product-cs .nav { clear:both; padding-top:30px; text-align:left; line-height:25px; font-size:16px; font-family:Arial, Helvetica, sans-serif; min-height:260px;}
.product-cs h1 { padding-top:20px; padding-bottom:10px; color:#000; text-align:left; font-size:26px; text-decoration:underline;}

.p-dh { clear:both; margin-top:30px;border:1px solid #ccc;border-radius:25px; overflow:hidden;}
.p-dh ul { width:100%; margin:0 auto;}
.p-dh li { float:left; text-align:center; width:33%; height:40px; line-height:40px;overflow:hidden;background:url(../images/p-dhbj.jpg) right no-repeat; }
.p-dh li a{ display:black; font-size:14px; background:#F6F6F6; }
.p-dh li a:hover { display:block; background:#E86F6F; color:#FFFFFF;}
.p-dh2 { clear:both; padding-top:30px;}
.p-tit { clear:both; text-align:left; padding-top:30px; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:20px;}
.p-video { clear:both; padding:30px; text-align:center; border-bottom:3px solid #E86F6F;}
.fl-b a{ color:#fff; display:block; background:#137700;}

.pagea { clear:both; width:600px; margin:0 auto;}
.p-zs { clear:both; padding-top:30px;}
.p-zs li { float:left; width:320px; text-align:center;color:#FF6600; font-weight:bold;}
.p-zs li img { width:300px; height:300px; border:1px solid #dadada;}

.contact-l { float:left; width:580px; text-align:left; padding-top:50px;}
.contact-r { float:left; width:580px; padding-left:30px; padding-top:50px;}


.foota {
	width:100%; 
	clear:both;
	 padding-top:30px;overflow:hidden; background:url(../images/foot.jpg) top center no-repeat; height:330px;
}
.foot { width:1200px; margin:0 auto;}
.foot dl { float:left; width:220px;}
.foot dt { clear:both; font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold; text-align:left; height:40px;}
.foot dd { clear:both; text-align:left; height:30px; line-height:30px; color:#FFFFFF; padding-left:15px; color:#FFFFFF;}
.foot dd a { color:#FFFFFF; font-size:14px;}
.foot dd a:hover { text-decoration:underline; font-size:14px;}
.foot .pp { font-size:16px;  padding-left:35px;}
.foot li { clear:both; text-align:center; line-height:40px; height:40px; color:#FFFFFF; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.foot li a { color:#FFFFFF;}

.header-wrap{ float:left; width:220PX;}
.header-bd{ float:left; width:220PX; height: 560px; margin: 0 auto;  }
.fixed{ position: fixed; width: 100%; TOP:0PX;}
.fixed .header-hd{ display: none; }
/*-----------------首页视频版块----------------------------*/
div.indexmaindiv{height:550px;margin:0px auto;width:1210px; clear:both; padding-top:30px;}
div.indexmaindiv1{margin-top:25px;}
div.indexmaindiv1 div.stylesgoleft{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;margin:206px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoleft:hover{float:left;width:21px;height:28px;background:url('images/arrowhead.png') no-repeat left -28px;margin:206px 5px 0px 0px;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{width:172px;height:245px;background:#FFF;font-family:'微软雅黑';}

div.indexmaindiv1 div.stylesgoright{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -56px;margin:206px 0px 0px 15px;cursor:pointer;}
div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left -84px;margin:206px 0px 0px 15px;cursor:pointer;}
/*滚动*/
div.maindiv1{float:left;width:1140px;height:550px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:1200px;height:550px;margin-left:13px;}

@media screen and (max-width: 1000px)
{
.header {
	width:1440px;
	margin:0px auto; 
}
.fullSlide  { width:1440px;}
.i-tj {width:1440px;}
.i-tjcp { width:1240px; padding-left:200px;}
.i-tjcp ul { width:1240px;}
.i-news { width:1440px;}
.foota { width:1440px;}
.foot { width:1220px; margin: 0 auto;} 
.main { width:1300px; margin: auto;}
.b-product { clear:both;  width:1440px;}
.b-about { clear:both;  width:1440px;}
.b-downl { clear:both;  width:1440px;}
.b-video { clear:both;  width:1440px;}
.b-news { clear:both; width:1440px;}
.b-contact { clear:both;  width:1440px;}
.i-zz { clear:both; width:1440px; padding-left:80px;}
.i-tit { clear:both; text-align:center; width:1440px;}
div.indexmaindiv{height:550px;margin:0px auto;width:1210px; padding-left:150px; clear:both; padding-top:30px;}

}
.product-showcase {
            width: 640px;
            margin: 2px auto;
        }

        /* 主图区域 */
        .main-display {
            position: relative;
            height: 430px;
            margin-bottom: 15px;
            border: 1px solid #eee;
            overflow: hidden;
        }

        /* 主图通用样式 */
        .main-item {
            position: absolute;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 0.3s ease;
            object-fit: contain;
        }

        /* 激活状态 */
        .main-item.active {
            opacity: 1;
            z-index: 1;
        }

        /* 缩略图容器 */
        .thumbnail-list {
            display: flex;
            gap: 10px;
            padding: 0 15px;
        }

        /* 缩略图样式 */
        .thumbnail-item {
            width: 80px;
            height: 80px;
            cursor: pointer;
            border: 2px solid transparent;
            transition: border-color 0.2s ease;
        }

        .thumbnail-item.active,
        .thumbnail-item:hover {
            border-color: #ff5500;
        }

        /* 视频容器 */
        .video-container {
            background: #000;
        }

        /* 视频元素样式 */
        .main-video {
            width: 100%;
            height: 100%;
        }