@charset "utf-8";
/* CSS Document */

.con1_title{ width: 100%; height: 5px; border-bottom: 1px solid #cccccc; position: relative;}
.con1_title span{ font-size: 18px; color: #333333; font-weight: bold; width: 118px; display: block; text-align: center;
 background: #FFFFFF; margin: 0 auto; margin-top: -8px; position: absolute; left: 42%;}

.con1_ul{  margin-top:15px;}
.con1_ul ul li{ width: 190px; height: 91px; overflow: hidden; float: left; font-size: 0; margin-right: 12px;
 margin-top:15px; position: relative;}
.con1_ul ul li p{ width: 100%; height: 35px; font-size: 14px; color: #FFFFFF; font-weight: bold; background:url(../images/4.png) no-repeat;
position: absolute; bottom: 0; line-height: 35px; text-align: center;}
.con1_ul li dl{ width: 190px; height: 91px; background: url(../images/5.png) no-repeat; position: absolute; top: 190px; text-align: center;}
.con1_ul li dl span{font-size: 14px; color: #FFFFFF;font-weight: bold; display: block; padding-top: 20px; padding-bottom: 10px;}

.con2{ width: 100%; background: #f3f3f3;padding-top: 20px;}
.con2_left{ width: 590px; height: 239px;  background: url(../images/bg.jpg) right center no-repeat;}
.con2_left .con_title{ width: 545px; font-size: 18px; color: #333333; border-bottom: 1px solid #cccccc; line-height: 35px;}
.con2_left_dl{ margin-top: 15px; width: 545px;}
.con2_left_dl dd{ width: 330px; height: 148px; color: #333333; line-height: 24px; position: relative;}
.con2_left_dl dd a{  color: #333333; font-weight: bold; position: absolute; bottom: 0; left: 0;}

.con2_right{ width: 365px;}
.con2_right .con_title{ font-size: 18px; color: #333333; border-bottom: 1px solid #cccccc; line-height: 35px;}
.con2_right .con_title a{color: #333333; font-weight: bold; font-size: 12px;}
.con_right_ul { padding-top: 10px;}
.con_right_ul ul li { color: #FFFFFF; line-height: 19px; margin-top: 10px;}
.con_right_ul ul li span{ width: 77px; height: 19px; display: block; background: url(../images/6.png) no-repeat;
 text-align: center;}
.con_right_ul ul li  a{ color: #333333; margin-left: 10px;}
.con_right_ul ul li:hover span{ background: url(../images/7.png) no-repeat;}
.con_right_ul ul li:hover a{ color: #db211d;}

.con3{ position: relative;}
.con3 .con_title{font-size: 18px; color: #333333; border-bottom: 1px solid #cccccc; line-height: 35px;}
.con3 .con_title a{color: #333333; font-weight: bold; font-size: 12px;}
.con3_con{ margin-top: 25px;}

.con3_con ul li{ float: left; width:239px; height: 175px; overflow: hidden; position: relative; margin-right: 14px; cursor: pointer;}
.con3_con ul li img{ border: 1px solid #cccccc;}
.con3_con ul li  p{ width: 100%; height: 38px; line-height: 38px; text-align: center; position: absolute; bottom: 0;
 left: 0;  background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;filter:Alpha(opacity=60);background:#000000;
 font-size: 14px; color: #ffffff;transition-duration: 0.8s;}
.con3_con ul li:hover p{background:rgba(219, 33, 29, 1) none repeat scroll 0 0 !important;filter:Alpha(opacity=100); background: #db211d;}
.con3_con span{ position: absolute; width: 33px; height: 33px; display: block;  z-index: 999; top: 54%; 
cursor: pointer;transition-duration: 0.8s;}
.con3_con .left{ left: -5%; background: url(../images/sb.png) 0 0 no-repeat;}
.con3_con .right{ right: -5%; background: url(../images/sb.png) -33px -33px no-repeat;}
.con3_con .left:hover{background: url(../images/sb.png) 0 -33px no-repeat;}
.con3_con .right:hover{background: url(../images/sb.png) -33px 0  no-repeat;}