﻿/*äº§å“å¯¼èˆª*/
.warpper{ width: 1200px; margin: 0 auto; overflow: hidden;}
.warpper .cp-list{width: 1200px;overflow: hidden;margin: 30px 0 0 0;}
.warpper .cp-list ul li{width: 297px;display: inline-block;text-align: center;padding: 20px;box-sizing: border-box;}
.warpper .cp-list ul li .list-img{width: 58px;overflow: hidden;height: 58px;text-align: center;vertical-align: middle;display: table-cell;}

.warpper .cp-list ul li .list-img img{max-width: 100%;max-height: 100%;}
.warpper .cp-list ul li span{width: 30px;height: 2px;background: #ef233c;display: block;margin: 20px auto 10px;}
.warpper .cp-list ul li h4{font-size: 20px;color: #2b2d42;padding: 10px;font-weight: 300;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;}
.warpper .cp-list ul li p{font-size: 14px;color: #566886;line-height: 26px;}
.warpper .cp-list ul li h5{font-size: 14px;color: #282828;width: 124px;height: 52px;display: inline-block;line-height: 52px;border: 1px solid #ddd;margin: 20px 0;font-weight: initial;}
.warpper .cp-list ul li:hover{background: #ef233c;}
.warpper .cp-list ul li:hover span{background: #fff;}
.warpper .cp-list ul li:hover p{color: #fff;}
.warpper .cp-list ul li:hover h4{color: #fff;}
.warpper .cp-list ul li:hover h5{background: #fff;border-radius: 5px;}
/*.warpper .cp-list ul li:nth-child(1):hover i{background: url(../images/011.png) no-repeat center;}

.warpper .cp-list ul li:nth-child(2):hover i{background: url(../images/022.png) no-repeat center;}

.warpper .cp-list ul li:nth-child(3):hover i{background: url(../images/033.png) no-repeat center;}

.warpper .cp-list ul li:nth-child(4):hover i{background: url(../images/044.png) no-repeat center;}*/

/*公用头部*/
.cp-yw{width: 1200px;overflow: hidden;text-align: center;padding: 20px 0;margin: 0 auto;}
.cp-yw h4{font-size: 40px;color: rgba(43, 45, 66, 0.07);}
.cp-yw p{font-size: 35px;color: #0065db;font-weight: 1000; }
.cp-yw span{display: inline-block;/*width: 83px;*/height: 5px;background: url(../images/di.png) no-repeat center;margin-top: 15px;}

 .fn-pt{width: 100%;margin: 20px 0;}
  .fn-pt a{width: 100%;overflow: hidden;display: inline-block; padding: 10px 0;font-size: 14px;color: #666;text-overflow: ellipsis;white-space: nowrap;}
  .fn-pt a:hover{color: #ef233c;}
  .fn-clear{zoom:1}
  
  .content-zz{ width: 1200px; height: auto; margin: 20px 0;}
.content-zz ul{ margin: 0; padding: 0;}
.content-zz ul li{ width:234px;  float: left; margin-right: 10px;}
.content-zz ul li a span{width: 100%;padding: 10px;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;color: #282828;display: inline-block;text-align: center;}
