body {
  margin: 0 auto;
  /* 1 */
  font-size: 12px;
  /* 0 */
  line-height: 2;
  /* 0 */
  color: #333;

}

.con5 { padding:0px 0; width: 100%; height: 545px; margin-top: 0px; background: url(../images/index_pro_bg.jpg) center top no-repeat;}
.con5 .c-a { width:241px; height:57px; margin:20px auto;  text-align:center; padding-top:2px;}
.con5 .c-ub { width:1200px; height:495px; margin:0 auto; overflow:hidden;}


.con5 .c-ub .bd { width: 300px; padding-top: 110px; margin-left: 120px;  float:left;}
.con5 .c-ub .bd ul li { width:256px; height:384px;}
.con5 .c-ub .bd ul li img{ margin-left:25px; border-radius: 6px;-webkit-transform: translateZ(0px);
          transform: translateZ(0px);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
          transition: transform 0.3s ease 0s;}
.con5 .c-ub .bd ul li:hover img{ -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: -webkit-transform 0.6s ease 0s;
          transition: transform 0.6s ease 0s;}


.con5 .c-ub .bd ul li h2{ width: 206px; padding-top: 10px; margin:0 auto; text-align:center; height:50px; display:block ; font-size: 18px; font-weight:bold; color:#FFF}
.con5 .c-ub .bd ul li h2 a{  color:#FFF; text-decoration:none;  font-family:"Microsoft YaHei", "΢ÈíÑźÚ", cursive}
.con5 .c-ub .bd ul li p{ font-size: 14px; line-height:25px; color: #FFFFFF; font-family:"Microsoft YaHei", "΢ÈíÑźÚ", cursive}
.index_pro_more{ display: block; margin: 10px auto 0 0; width: 148px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; border: 1px solid #FFFFFF; border-radius: 40px; color: #FFFFFF;}


.con5 .c-ub .hd { position:relative; width:755px; height:282px; float:right;}


.index_pro_txt{width: 550px; padding: 36px 0 0 112px; height:220px;}
.index_pro_txt img{ margin-bottom:30px;}
.index_pro_txt_b{width:600px; font-size: 16px; line-height: 25px; height:140px; overflow: hidden; text-align: left; color: #FFFFFF;font-family:"Microsoft YaHei", "΢ÈíÑźÚ"}
.index_pro_txt_b p{ font-size: 16px; color: #FFFFFF;}
.index_pro_more{ display: block; margin: 10px auto 0 0; width: 148px; height: 38px; line-height: 38px; text-align: center; font-size: 14px; border: 1px solid #FFFFFF; border-radius: 40px; color: #FFFFFF;}
.index_pro_more:hover{ background-color: #FFFFFF; color: #0c559a;}


.con5 .c-ub .hd .bt { width:755px; height:40px;}
.con5 .c-ub .hd .bt h5 { display:block; width:135px; height:36px; border:1px solid #c7c3c3; border-radius:14px; text-align:center; line-height:36px; color:#5c5b5b; font-size:15px; font-weight:normal; float:left;}
.con5 .c-ub .hd .bt i { width:118px; height:36px; text-align:center; line-height:36px; text-transform:uppercase; float:right; border:1px solid #c7c3c3;}
.con5 .c-ub .hd .bt i a { display:block; color:#5c5b5b; font-size:15px;}
.con5 .c-ub .hd ul { margin-top:33px;}
.con5 .c-ub .hd ul li { width:515px; height:40px; border-bottom:1px solid #c7c5c5; margin-bottom:15px;}
.con5 .c-ub .hd ul li span { display:block; width:28px; height:24px; text-align:center; line-height:24px; font-size:15px; color:#8c8e8f; border:2px solid #8c8e8f; border-radius:2px; float:left; margin-right:14px;}
.con5 .c-ub .hd ul li .pa { width:308px; height:24px; float:left; line-height:24px; overflow:hidden; font-size:14px; color:#8c8e8f;}
.con5 .c-ub .hd ul li .pa a { font-size:14px; color:#8c8e8f}
.con5 .c-ub .hd ul li .pb { width:58px; float:left;font-size:14px; color:#8c8e8f; }
.con5 .c-ub .hd ul li .pc { width:100px; height:24px; line-height:24px; float:right;font-size:14px; color:#8c8e8f;}
.con5 .c-ub .hd ul li:hover .pb {  color:#0178b5;}
.con5 .c-ub .hd ul li:hover .pc {  color:#0178b5;}
.con5 .c-ub .hd ul li:hover .pa a {  color:#0178b5;}
.con5 .c-ub .hd ul li:hover span {  color:#0178b5; border:2px solid #0178b5;}
.con5 .c-ub .hd  .prev { position:absolute; width:27px; height:25px; left:680px;top:52px; background: url(../images/next.png) left center no-repeat}
.con5 .c-ub .hd .next{ position:absolute; width:27px; height:25px; left:60px; top:52px; background: url(../images/prev.png) left center no-repeat}
.con5 .c-ub .hd ul li.on .pb {  color:#0178b5;}
.con5 .c-ub .hd ul li.on .pc {  color:#0178b5;}
.con5 .c-ub .hd ul li.on .pa a {  color:#0178b5;}
.con5 .c-ub .hd ul li.on span {  color:#0178b5; border:2px solid #0178b5;}