@charset "utf-8";
/* CSS Document */
html, span, object,h1, h2, h3, h4, h5, h6, p, em, dd,dl, dt, ol, ul, li, form{ margin:0;padding:0;border:0; font-size:100%; font-family:inherit; list-style:none;}
input.btn{ border:none}
label{vertical-align:middle} .inputcheckbox{vertical-align:middle;} 

body{font: 12px Tahoma; color:#474747; margin:0 auto;padding:0px; list-style:none; background:#f0f0f0;}
a{ color:#474747; text-decoration:none; }
a:hover{  color:#e80000; text-decoration:none;  }
.clear_all {clear:both;}


img{ border:none; padding:0px; margin:0px; display:block; }
ul,li{ list-style-type:none; margin:0; padding:0; border:0; list-style:none }

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}


.wapper{ width:1200px; margin:0 auto; padding:0 16px; background:#fff;}

.head{ width:1200px; margin:0 auto;}
.body_index { height:100%; width:1200px; margin:0 auto; }


.body_top2 { height:107px;}
.body_top2 h1 { float:left; font-weight:normal; padding-top:15px; padding-left:20px;}

.h_right{ float:right; padding-right:10px; margin-top:15px;}
/*搜索*/
.navser {float:left; margin-right:15px;width:170px; height:24px; line-height:24px;color:#999; background:#ebebeb; border:1px solid #d4d4d4; border-radius:2px; padding:0 5px;}
.navser .srk { float:left;  border:none; width:140px; background:none;height:22px; line-height:22px;color:#999;}
.navser .but { float:left; width:28px; height:24px;background:url(../images/sou.jpg) center center no-repeat; cursor:pointer; border:none;  }
/*搜索*/
.lan{ float:right; font-size:14px; color:#fff; line-height:22px;}
.lan a{ color:#8f989f; font-size:14px; line-height:24px;}
.lan a:hover{ color:#e80000;}
.lan span{ color:#8f989f;line-height:24px; padding-left:3px; padding-right:3px; }


/* nav parts */
#menuv {padding-top:20px;float: right; padding-right:10px;}
#menuv .nav{}
#menuv .nav li{ float: left; position:relative;}
#menuv .nav li a {display: block; line-height: 30px; height:30px; text-align:center;font-size: 16px;color: #5a5a5a; padding-left:15px; padding-right:15px; min-width:80px; }
#menuv .nav li a:hover{ background:#e80000; color:#fff;}
#menuv .nav li a.nanh{background:#e80000; color:#fff;}
#menuv .nav li .sec{display:none; position: absolute; left:-20px; top:30px; width:150px;z-index:999; }
#menuv .nav li .sec li{position: relative;border:none; line-height:20px; background:#d5d5d5;border-bottom:1px solid #eee; }
#menuv .nav li .sec li a{display: block;width:140px; line-height:20px; height:100%; padding:6px 10px;text-align:center;font:100 13px Tahoma; color:#333; background:none;}
#menuv .nav li .sec li a:hover{ background:#e80000; color:#fff; border-radius:0;}

#menuv .nav li .teshu{  position: absolute; left:-15px; top:30px;}
#menuv .nav li .teshu li{ height:100%; line-height:20px; }
#menuv .nav li .teshu li a{ width:140px; line-height:20px; height:100%; padding:6px 10px; display:block;}
#menuv .nav li .teshu2{  position: absolute; left:-25px; top:30px;}

#menuv .nav li .teshu1{  position: absolute; left:-50px; top:30px;width:275px;}
#menuv .nav li .teshu1 li{ height:100%; line-height:20px; }
#menuv .nav li .teshu1 li a{ width:255px; line-height:20px; height:100%; padding:8px 10px; display:block;}



 /*轮换大区域*/
.lunhuan{width:1200px;height:515px;position:relative;}
.lunhuan #lunhuanback{width:100%;height:515px;position:absolute;left:0px;top:0px;overflow:hidden;}
.lunhuan #lunhuanback p{width:100%;height:515px;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);background-repeat:no-repeat;background-position:50% 0px;}
.lunhuan .lunhuan_main{width:1200px;height:515px;margin:0 auto;position:relative;}
#lunbonum{ height:12px; line-height:23px;position:absolute;left:580px;top:490px;  z-index:5;}
#lunbonum li{ width:12px;height:12px;float:left; margin-right:8px;background:#B4B4B4; cursor:pointer;border-radius:9px}
#lunbonum .lunboone{background:#ac0200;cursor:pointer;}


/*box1*/
.box1{width:1200px; margin:0 auto; margin-top:15px;}
.b1_l{width:372px; float:left; margin-right:40px; padding-top:15px; background:url(../images/b1t.jpg) center top no-repeat;}
.b1_c{width:372px; float:left;padding-top:15px; background:url(../images/b1t.jpg) center top no-repeat;}
.b1_r{width:372px; float:right;padding-top:15px; background:url(../images/b1t.jpg) center top no-repeat;}

.b1_title{ line-height:36px; position:relative;}
.b1_title b a{ font-size:16px; color:#222; font-weight:normal; }
.b1_title span a{ position:absolute; right:0; top:0; font-size:12px; background:url(../images/b1tm.jpg) left center no-repeat; padding-left:27px; color:#ac0200;}

.bl_con{ margin-top:2px;}
.b1_img{ width:370px; height:135px;overflow:hidden;}
.b1_img img{width:370px; height:135px;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.b1_img:hover img{webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.bl_con p{ font-size:12px; line-height:20px; color:#474747; margin-top:5px;}

.bc_con{}
.bc_con ul{}
.bc_con ul li{ height:36px; line-height:36px; border-bottom:1px solid #cccccc;}
.bc_con ul li a{background:url(../images/nli.jpg) left center no-repeat; padding-left:15px;}
.bc_con ul li span{float:right; font-size:18px;}
.bc_con ul li span a{color: #656565; background:none;}
.bc_con ul li span a:hover{ color:#e80000;}

.br_con{ margin-top:5px;}
.br_con img{ width:370px; height:157px; overflow:hidden;}
.br_con ul{ margin-top:13px;}
.br_con ul li{ float:left; width:90px; border-right:1px solid #cccccc; text-align:center;}
.br_con ul li img{ width:33px; height:27px; margin:0 auto;}
.br_con ul li p{ line-height:20px; font-size:12px; color:#333;}

/*微信二维码*/
 a.weixin{
   position:relative;
 }
.weixin::after{
  content: url(../images/ewm.jpg);
  position: absolute;
  right:25px;
  top: -150px;
  z-index: 99;
  width:90px;
  height:90px;
  transform-origin: top right;
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  
}

.weixin:hover::after{
  transform:scale(0.25);
  opacity: 1;

}
/*微博二维码*/
 a.weibo{
   position:relative;
 }
.weibo::after{
  content: url(../images/ewm1.jpg);
  position: absolute;
  right:25px;
  top: -150px;
  z-index: 99;
  width:90px;
  height:90px;
  transform-origin: top right;
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  
}

.weibo:hover::after{
  transform:scale(0.25);
  opacity: 1;

}

/*box2*/
.box2{width:1200px; margin:0 auto; margin-top:25px;}
.b_title{ background:url(../images/b2t.jpg) center center no-repeat; height:30px;}
.b_title a{ display:block; color:#222; font-size:18px; line-height:30px; padding-left:37px;}

.rollBox{width:1200px;position:relative; margin-top:20px;}
.rollBox .LeftBotton{}
.rollBox .RightBotton{}
.rollBox .Cont{width:1200px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox ul li{ float:left;width:230px; height:208px; position:relative; margin-right:5px; margin-left:5px;overflow:hidden;}
.rollBox ul li img{width:230px; height:173px;position:relative; z-index:2; display:inline-block;}
.rollBox ul li p{ height:35px; background:#efefef; line-height:35px; text-align:center; font-size:14px;}

.rollBox li .hova{ width:230px; height:128px;background: url(../images/iobj.png) no-repeat; padding-top:45px; position:absolute; left:0px; top:0px; z-index:50; filter:alpha(opacity=0); -moz-opacity:0; opacity:0;}
.rollBox li .hova a{ width:230px; height:173px; display:block; }
.rollBox li .hova .aa_1 img{ margin-bottom:0px; width:auto; height:auto;}
.rollBox li .hova .aa_2 img{ margin-top:10px;  width:auto; height:auto;}
.rollBox li .hova .aa_1{margin-left:86px;  
-webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;}
.rollBox li .hova .aa_2 { margin-left:88px; margin-top:0px; -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;}

.rollBox li:hover .aa_1{-webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;}

.rollBox li:hover .aa_2{    -webkit-animation: moveFromBottom 100ms ease;
    -moz-animation: moveFromBottom 100ms ease;
    -ms-animation: moveFromBottom 100ms ease;}
.rollBox li:hover .hova{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/*box5*/
.box5{width:1200px; margin:0 auto; margin-top:30px; padding-top:20px; border-top:1px solid #e4e4e4; padding-bottom:28px;}
.b5_bot{}
.propic1{ margin:0 4px; width:62px; height:62px; }
.propic1 img{ width:60px; height:60px;overflow:hidden;background:#fff; border:1px solid #ececec;}
.propic1 img:hover{border:1px solid #e10009;}

/*底部*/
.footer{ width:100%; margin-top:2px; padding-top:1px; border-top:1px solid #cdcdcd; height:46px; background:#e2e0e1;overflow:hidden;}
.index_bot2{ width:1200px; margin:0 auto; line-height:46px;color:#515151; font-size:14px;}
.index_bot2 p{ float:left; display:inline;}
.index_bot2 p.p1{ float:right;}
.index_bot2 a{color:#515151;}
.index_bot2 a:hover{color:#e80000; font-weight:bold;}
.index_bot2 p.p1 span{ padding-left:5px; padding-right:5px;}


/*内页*/
/* ban1 ==================*/
#ban{width:1200px; margin:0 auto; height:200px; overflow:hidden;}
.ban1{ background:url(../images/ban1.jpg) center top no-repeat;}
.ban2{background:url(../images/ban2.jpg) center top no-repeat;}
.ban3{background:url(../images/ban3.jpg) center top no-repeat;}
.ban4{ background:url(../images/ban4.jpg) center top no-repeat;}
.ban5{background:url(../images/ban5.jpg) center top no-repeat;}
.ban6{background:url(../images/ban6.jpg) center top no-repeat;}
.ban7{background:url(../images/ban7.jpg) center top no-repeat;}

.sec_hd{ height:46px;}
.sec_hd span{ float:right;font:100 12px/46px Tahoma;}

.sec_con { height:100%; width:1200px; overflow:hidden; margin:0 auto; margin-bottom:30px;}
.sec_con .l {width:220px; overflow:hidden; float:left; padding-left:20px;}
.sec_con .r { float:right; width:940px; border-top:1px solid #8f8f8f;}

/*左边*/
.hd{height:50px; background:url(../images/pt1.jpg) left bottom no-repeat; margin-bottom:10px;}
.hd a{font:100 19px/30px Tahoma; color:#333;}

.q_tpm{}
.menu1 {}
.menu1 dd { padding-top:8px; padding-bottom:8px; width:210px; border-bottom:1px dotted #f2f2f2;}
.q_tpm dd a {font:100 13px/19px Tahoma; display:block; background:url(../images/pli.jpg) 3px 6px no-repeat; padding-left:20px; }
.menu1 dd a:hover{font-weight:bold;background:url(../images/pli1.jpg) 3px 6px no-repeat;}
.menu1 dd a.curbg{color:#e80000; font-weight:bold;background:url(../images/pli1.jpg) 3px 6px no-repeat;}

.menu1 d1 { height:32px;}
.menu1 d1 a { background:url(../images/nli.jpg) no-repeat 20px center; padding-left:35px; font:100 13px/32px Tahoma; display:block;}
.menu1 .no { display:none;}

.sec_bd20 {margin-top:15px; border:1px solid #e5e5e5; background:#fff; padding-bottom:10px;}
.sec_bd20 img{ width:238px; height:120px; overflow:hidden;}
.q_tpm20 { line-height:24px; color:#555; padding:10px; font-size:14px;}

/*右边*/
.sec_bd{ width:940px; }


.sec_con2 { width:940px; padding:10px 0px; min-height:400px;}
.sec_tpm { width:900px; line-height:24px; padding:10px 20px; font-size:14px;}
.sec_tpm img { margin:0 auto; max-width:900px; overflow:hidden;}
.sec_tpm2{width:940px; line-height:24px; font-size:14px;}

.sec_tpm3 { width:900px; line-height:34px; padding:10px 20px;overflow:hidden; }


.wr20 { font-size:20px;}
.wr14 { font-size:14px;}

/*发展规划*/
.guihua{ background:url(../images/gh.jpg) left center no-repeat; padding-left:45px; line-height:48px; font-size:20px; font-weight:bold; color:#e20000;}

/*荣誉资质*/
.sec_tpm .box{ vertical-align:middle; overflow:hidden;width:204px; height:152px; border:1px solid #d6d6d6; padding:2px; }
.sec_tpm .box a:link{ vertical-align:middle;display:inline-block;}
.sec_tpm .box img { max-width:204px; max-height:152px; display:inline-block; vertical-align:middle; }

/*合作伙伴*/
.cus{ margin-top:10px;}
.cus li{ float:left; width:105px; height:105px; border:1px solid #d5d5d5; margin:0px 10px 20px 10px;}
.cus li img{width:105px; height:105px; overflow:hidden;}
.cus li:hover{border:1px solid #e10009;}

/*研发、制造、案例*/
.sec_tpm2 tr{border-bottom:1px solid #c9cacb; }
.c_case{ width:435px;max-height:350px; float:left;overflow:hidden; margin:20px 17px;}
.ke_left{ width:435px; height:186px; overflow:hidden;}
.ke_left img{width:435px; height:186px;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.ke_left:hover img{webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.case_right{}
.case_right .ke_r_title{font-size:24px;height:50px;line-height:50px;border-bottom:1px solid #c9cacb;margin-bottom:10px;}
.case_right .ke_r_content{font:100 14px/24px Tahoma;}
.case_right .ke_r_more{font:12px/26px Tahoma;margin-top:10px; }
.case_right .ke_r_more a{background:url(../images/b1tm.jpg) left center no-repeat;color:#e80000; display:block; padding-left:28px;}

/*产品*/
.ul_1{}
.ul_1 li{width:280px; float:left;margin-left:10px; margin-right:10px;margin-bottom:10px; }
.ul_1 li img{width:280px; height:211px; overflow:hidden; border:none;}
.ul_1 li p{ height:35px; text-align:center; line-height:35px;}


/*新闻*/
.ul04{ margin-bottom:20px;}
.ul04 .l2_1{width:898px; height:100px; padding-top:10px; padding-bottom:20px; border-bottom:1px solid #f0f0f0; display:block;}
.ul04 .l2_1 .l_117{ float:left; width:80px; height:60px; padding-top:10px; margin-top:10px; padding-bottom:10px; background:#b7b7b7; margin-right:30px;}
.ul04 .l2_1 .l_117 .t_50_1{  width:80px;font-family: Tahoma; font-size:36px;  height:40px; line-height:40px; color:#fff; text-align:center; display:block; }
.ul04 .l2_1 .l_117 .d_23_5{  width:80px; font-family: Tahoma; font-size:12px; height:20px; line-height:20px;  color:#fff; text-align:center;display:block; }


.ul04 .l2_1 .r_714{ float:left; width:768px; height:100px; overflow:hidden;}
.ul04 .l2_1 .r_714 .t_48_1{ float:left; width:682px; height:36px; padding-bottom:4px; line-height:36px; font-size:16px; font-weight:bold; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ul04 .l2_1 .r_714 .t_48_1 a{ color:#333;}

.ul04 .l2_1 .r_714 .d_56{ float:left; width:768px; height:56px; line-height:28px; font-size:14px; color:#888; overflow:hidden;}
.ul04 .l2_1 .r_714 .d_56 a{ color:#888;}

.ul04 .l2_1:hover .t_48_1 a{ color:#f00;}
.ul04 .l2_1:hover .d_56 a{ color:#494949;}
.ul04 .l2_1:hover .l_117{ background:#0056a1;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}

/*产品内页*/
.sec_tpm_t{ width:900px; line-height:24px; padding:10px 15px; font:100 14px/24px Tahoma; min-height:400px;}
.sec_tpm_t img { max-width:900px;}

.sectit { height:35px; margin-top:20px; background:#d7d7d7; padding-left:20px; margin-bottom:20px; }
.sectit h5 { display:inline-block;  font-weight: bold; cursor: pointer; height:30px; line-height:30px; margin-top:5px; text-align:center;background:#fff;  padding-left:25px; padding-right:25px;overflow:hidden }

.secbut { width:88px; height:32px; display:inline-block; font:14px "Microsoft YaHei"; color:#fff; line-height:32px; text-align:center; background:#048ace; -moz-border-radius: 5px;/* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */border-radius:5px; margin-right:10px; }
.secbut a{ color:#fff;}
.bdshare-button-style0-16 .bds_qzone{background-position:0 -52px}.bdshare-button-style0-16 .bds_tsina{background-position:0 -104px}.bdshare-button-style0-16 .bds_renren{background-position:0 -208px}.bdshare-button-style0-16 .bds_tqq{background-position:0 -260px}.bdshare-button-style0-16 .bds_kaixin001{background-position:0 -312px}.bdshare-button-style0-16 .bds_tqf{background-position:0 -364px}.bdshare-button-style0-16 .bds_hi{background-position:0 -416px}.bdshare-button-style0-16 .bds_douban{background-position:0 -468px}.bdshare-button-style0-16 .bds_tieba{background-position:0 -728px}.bdshare-button-style0-16 .bds_hx{background-position:0 -988px}.bdshare-button-style0-16 .bds_fx{background-position:0 -1040px}.bdshare-button-style0-16 .bds_ty{background-position:0 -1196px}.bdshare-button-style0-16 .bds_fbook{background-position:0 -1352px}.bdshare-button-style0-16 .bds_twi{background-position:0 -1404px}.bdshare-button-style0-16 .bds_linkedin{background-position:0 -1664px}.bdshare-button-style0-16 .bds_meilishuo{background-position:0 -1716px}.bdshare-button-style0-16 .bds_mogujie{background-position:0 -1768px}.bdshare-button-style0-16 .bds_diandian{background-position:0 -1820px}.bdshare-button-style0-16 .bds_huaban{background-position:0 -1872px}.bdshare-button-style0-16 .bds_duitang{background-position:0 -2028px}.bdshare-button-style0-16 .bds_youdao{background-position:0 -2080px}.bdshare-button-style0-16 .bds_wealink{background-position:0 -2184px}.bdshare-button-style0-16 .bds_copy{background-position:0 -2288px}.bdshare-button-style0-16 .bds_mail{background-position:0 -2340px}.bdshare-button-style0-16 .bds_print{background-position:0 -2392px}.bdshare-button-style0-16 .bds_mshare{background-position:0 -2444px}.bdshare-button-style0-16 .bds_sqq{background-position:0 -2652px}.bdshare-button-style0-16 .bds_sdo{background-position:0 -2704px}.bdshare-button-style0-16 .bds_qingbiji{background-position:0 -2756px}.bdshare-button-style0-16 .bds_people{background-position:0 -2808px}.bdshare-button-style0-16 .bds_xinhua{background-position:0 -2912px}.bdshare-button-style0-16 .bds_yaolan{background-position:0 -2964px}.bdshare-button-style0-16 .bds_thx{background-position:0 -2496px}.bdshare-button-style0-16 .bds_bdhome{background-position:0 -156px}.bdshare-button-style0-16 .bds_bdxc{background-position:0 -2548px}.bdshare-button-style0-16 .bds_bdysc{background-position:0 -3068px}.bdshare-button-style0-16 .bds_isohu{background-position:0 -3016px}.bdshare-button-style0-16 .bds_more{background-position:0 0}.bdshare-button-style0-16 .bds_ibaidu{background-position:0 -3120px}.bdshare-button-style0-16 .bds_weixin{background-position:0 -1612px}.bdshare-button-style0-16 .bds_iguba{background-position:0 -1300px}.bdshare-button-style0-16 .bds_h163{background-position:0 -3160px}.bdshare-button-style0-16 .bds_evernotecn{background-position:0 -3184px}.bdshare-button-style0-16{zoom:1}.bdshare-button-style0-16:after{content:".";visibility:hidden;display:block;height:0;clear:both}.bdshare-button-style0-16 a,.bdshare-button-style0-16 .bds_more{float:left;font-size:12px;padding-left:17px;line-height:16px;height:16px;background-image:url(../img/share/icons_0_16.png?v=91362611.png);background-repeat:no-repeat;cursor:pointer;margin:6px 6px 6px 0}.bdshare-button-style0-16 a:hover{color:#333;opacity:.8;filter:alpha(opacity=80)}.bdshare-button-style0-16 .bds_more{color:#333;float:left}.bdshare-button-style0-16 .bds_count{color:#333;background:url(../img/share/sc.png?v=a970ff04.png) no-repeat 0 -30px;width:42px;height:16px;padding:0;margin:6px 0 0;text-align:center}.bdshare-button-style0-16 .bds_count:hover{background-position:-42px -30px}.bdshare-button-style0-16 .bds_button_image{float:left;cursor:pointer;margin:6px 6px 0 0;height:auto;padding:0}.bdshare-button-style0-16 .bdshare_button_count{background:url(../img/share/sc.png?v=a970ff04.png) no-repeat 0 0;width:44px;height:24px;line-height:24px}.bdshare-button-style0-16 .bdshare_button_count:hover{background-position:-44px 0}.bds_tsohu,.bds_tfh,.bds_baidu,.bds_qq,.bds_msn,.bds_sohu,.bds_qy,.bds_leho,.bds_ifeng,.bds_ff,.bds_tuita,.bds_ms,.bds_deli,.bds_s51,.bds_t163,.bds_share189,.bds_xg,.bds_s139{display:none}

.jqzoom{float:left;position:relative;cursor:pointer;}
div.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}

div.jqZoomPup{z-index:10;visibility:hidden;position: absolute;top:0px;left:0px;width:150px;height:150px;border:1px solid #aaa;background: #fff;opacity:0.5;-moz-opacity: 0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);}
.wr20 { font-size:20px;}
.wr14 { font-size:14px;}

.pro1{ width:320px; height:237px; overflow:hidden; border:1px solid #ccc; padding:2px; background:#fff;}