.con{ width:988px; margin:0 auto;}
.con .dh{ height:50px; line-height:50px;  font-size:14px; color:#333; margin-bottom:28px;}
.con .dh a{color:#555;}

.pro_con{ margin-bottom:21px;}
.prolist_l{ width:254px; float:left;}
.prolist_l h1{ margin-bottom:6px;}
.prolist_l h1 img{ max-width:240px;}
.prolist_l ul li{ background:url("pro_35.gif") no-repeat left bottom; height:50px; padding-bottom:20px;}
.prolist_l ul li a{ display:block; width:200px; height:50px; line-height:50px; background:url(pro_33.gif) no-repeat; font-size:18px; color:#fff; padding-left:40px; }
.prolist_l ul li a:hover{background:url(pro_34.gif) no-repeat;}
.prolist_l ul li a.cur{background:url(pro_34.png) no-repeat;}
.prolist_l .prolist_l_2{ margin-top:10px;}
.prolist_l .prolist_l_2 img{ max-width:240px;}


.prolist_r{ width:717px; float:right; }
.prolist_r_1_c{ width:715px; height:400px; overflow:hidden;}
.prolist_r_1{ width:715px; border:1px solid #01b8b6; height:400px; position:relative;margin-bottom:32px;}
.prolist_r_1 span.htbg{ background:url(ht.png) no-repeat; width:82px; height:84px; display:block; position:absolute; right: 100px;top: -12px;}
.prolist_r_1 ul{ float:left;}
.prolist_r_1 li{ float:left; background:url(index_15.jpg) no-repeat 640px 39px;}
.prolist_r_1 li .div1{ float:left; width:335px; height:240px; padding-top:85px; }
.prolist_r_1 li .div1 img{ width:335px; height:230px;}
.prolist_r_1 li .div2{ float:left; width:300px; height:320px; padding-top:80px; padding-left:30px; padding-right:50px; letter-spacing:1.6px }
.prolist_r_1 li .div2 h3{ background:url(pro_32.gif) no-repeat left bottom; padding-bottom:18px; margin-bottom:20px; font-size:20px; line-height:1.3;}
.prolist_r_1 li .div2 h3 span{ display:block;}
.prolist_r_1 li .div2 h3 span.sp1{ font-size:24px; color:#444;}
.prolist_r_1 li .div2 h3 span.sp2{ font-size:20px; color:#797979; font-weight:normal;}
.prolist_r_1 li .div2 p{ color:#333; line-height:28px; font-size:13px; letter-spacing:1.1}
.prolist_r_1 li .div2 p.p2{ margin-top: 10px;   padding-right: 8px;    text-align: right;}
.prolist_r_1 a.sleft{ display:none; position:absolute; background: url("index_09.png") no-repeat scroll 0 0;cursor: pointer;  height: 42px;left: 18px;top: 185px;width: 19px;}
.prolist_r_1 a.sright{ display:none;position:absolute; background: url("index_10.png") no-repeat scroll 0 0;cursor: pointer;  height: 42px;right: 18px;top: 185px;width: 19px;}
.prolist_r_1 a.sleft:hover{ background: url("index_12.png");}
.prolist_r_1 a.sright:hover{ background: url("index_11.png");}
.prolist_r_1.cur a.sleft{ display:block;}
.prolist_r_1.cur a.sright{ display:block;}
.prolist_r_1.cur .div2 h3 span.sp1{ color:#4fa212}
.prolist_r_1.cur .div2 h3 span.sp2{ color:#4fa212}

.prolist_r_2{ }
.prolist_r_2 ul{ float:left; margin-left:-25px;}
.prolist_r_2 ul li{ float: left;margin-bottom: 32px; margin-left: 25px; width: 345px;}
.prolist_r_2 ul li .a1{ display:block;}
.prolist_r_2 ul li img{ width:345px; height:278px;}
.prolist_r_2 ul li .proinfo{ position:relative; border-left:1px solid #ababab; border-right:1px solid #ababab; border-bottom:1px solid #ababab;font-size: 14px;height: 76px;line-height: 1.3; padding: 24px 18px 0;}
.prolist_r_2 ul li .proinfo .a2{ display:block; width:160px;}
.prolist_r_2 ul li .proinfo .a2 .sp1{ font-weight:bold; font-size:18px; color:#333; display:block; line-height:30px;}
.prolist_r_2 ul li .proinfo .a2 .sp2{  font-size:16px; color:#333; display:block;}
.prolist_r_2 ul li .proinfo .a3{ display:block; position:absolute;background:url("pro_36.gif") no-repeat scroll 0 0; height: 30px; line-height: 30px;padding-left: 10px; width: 111px; top:38px; right:10px; color:#333; font-size:13px; background-size:103px 30px; }
.prolist_r_2 ul li:hover .proinfo{ border-left:1px solid #4fa212; border-right:1px solid #4fa212; border-bottom:1px solid #4fa212;}
.prolist_r_2 ul li:hover .proinfo .a2 .sp1{ color:#4fa212}
.prolist_r_2 ul li:hover .proinfo .a2 .sp2{ color:#4fa212}
.prolist_r_2 ul li:hover .a3{background:url("pro_37.gif") no-repeat; color:#fff;background-size:103px 30px;}